/* GENERATED FILE - DO NOT EDIT.
   Source: tokens/skins/launch.json  ->  node tokens/build.js
   Edit the skin, not this file. Rules: docs/rules/11-visual-design.md */

:root {
  /* Color */
  --bg: #FFFFFF;
  --surface: #F8F9FA;
  --surface-raised: #FFFFFF;
  --stroke: #DADCE0;
  --stroke-strong: #BDC1C6;
  --text: #1F1F1F;
  --text-dim: #444746;
  --text-faint: #5F6368;
  --accent: #1A73E8;
  --accent-soft: rgba(26, 115, 232, 0.10);
  --accent-contrast: #FFFFFF;
  --ok: #188038;
  --warn: #B06000;
  --danger: #D93025;
  --focus: #1A73E8;

  /* Typeface */
  --font-sans: "Google Sans Text", "Google Sans", "Roboto", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Google Sans", "Google Sans Text", "Roboto", system-ui, -apple-system, Arial, sans-serif;
  --font-mono: "Google Sans Code", "Roboto Mono", ui-monospace, Menlo, monospace;

  /* Type scale */
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: 28px;
  --text-3xl: 36px;
  --text-4xl: 45px;
  --text-5xl: 57px;
  --text-6xl: 72px;

  /* Line height */
  --leading-tight: 1.15;
  --leading-normal: 1.5;

  /* Letter spacing */
  --tracking-tight: -0.02em;
  --tracking-wide: 0.08em;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Shape */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 28px;
  --border: 1px;
  --radius-pill: 999px;
  --border-thick: 2px;

  /* Motion */
  --dur-fast: 100ms;
  --dur-base: 200ms;
  --dur-slow: 300ms;
  --dur-slower: 450ms;

  /* Easing */
  --ease-out: cubic-bezier(0.05, 0.7, 0.1, 1);
  --ease-spring: cubic-bezier(0.3, 0, 0, 1);
  --ease-in: cubic-bezier(0.3, 0, 0.8, 0.15);

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(60, 64, 67, 0.30), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  --shadow-md: 0 2px 6px 2px rgba(60, 64, 67, 0.15), 0 1px 2px rgba(60, 64, 67, 0.30);

  /* Density */
  --tap-min: 48px;

  /* Skin-local — launch only */
  --brand-blue: #4285F4;
  --brand-red: #EA4335;
  --brand-yellow: #FBBC04;
  --brand-green: #34A853;
}
