/*
 * AUTO-GENERATED, DO NOT EDIT.
 *
 * FDS tokens for the static silmo.ai site (light values only).
 * Source: Figma "Silmo Design System: Tokens" (xRz910qLj5VmnuCeYlIYhd), synced 2026-10-06.
 * Generated by console/scripts/generate-fds-css.mjs (pnpm -C console tokens:fds).
 */

:root {
  /* ==== Primitives: Color ==== */
  --palette-primary-black: #000000;
  --palette-primary-black-50: #00000080;
  --palette-primary-white: #ffffff;
  --palette-primary-white-50: #ffffff80;
  --palette-neutral-50: #f2f2f2;
  --palette-neutral-100: #e5e5e5;
  --palette-neutral-150: #d9d9d9;
  --palette-neutral-200: #cccccc;
  --palette-neutral-250: #bfbfbf;
  --palette-neutral-300: #b2b2b2;
  --palette-neutral-350: #a6a6a6;
  --palette-neutral-400: #999999;
  --palette-neutral-450: #8c8c8c;
  --palette-neutral-500: #808080;
  --palette-neutral-550: #737373;
  --palette-neutral-600: #666666;
  --palette-neutral-650: #595959;
  --palette-neutral-700: #4d4d4d;
  --palette-neutral-750: #404040;
  --palette-neutral-800: #333333;
  --palette-neutral-850: #262626;
  --palette-neutral-900: #1a1a1a;
  --palette-neutral-950: #0d0d0d;
  --palette-brand-100: #e8f8f8;
  --palette-brand-200: #d1f1f1;
  --palette-brand-300: #bbeaea;
  --palette-brand-350: #afe7e7;
  --palette-brand-400: #a4e3e3;
  --palette-brand-500: #8ddcdc;
  --palette-brand-600: #71b0b0;
  --palette-brand-700: #558484;
  --palette-brand-750: #476e6e;
  --palette-brand-800: #385858;
  --palette-brand-850: #2a4242;
  --palette-brand-900: #1c2c2c;
  --palette-blue-100: #d6ddff;
  --palette-blue-200: #adbbff;
  --palette-blue-300: #8599ff;
  --palette-blue-400: #5c77ff;
  --palette-blue-500: #3355ff;
  --palette-blue-600: #2944cc;
  --palette-blue-700: #1f3399;
  --palette-blue-800: #142266;
  --palette-blue-900: #0a1133;
  --palette-purple-100: #e4d6ff;
  --palette-purple-200: #c9adff;
  --palette-purple-300: #ad85ff;
  --palette-purple-400: #925cff;
  --palette-purple-500: #7733ff;
  --palette-purple-600: #5f29cc;
  --palette-purple-700: #471f99;
  --palette-purple-800: #301466;
  --palette-purple-900: #180a33;
  --palette-violet-100: #f1d6ff;
  --palette-violet-200: #e4adff;
  --palette-violet-300: #d685ff;
  --palette-violet-400: #c95cff;
  --palette-violet-500: #bb33ff;
  --palette-violet-600: #9629cc;
  --palette-violet-700: #701f99;
  --palette-violet-800: #4b1466;
  --palette-violet-900: #250a33;
  --palette-red-100: #facccc;
  --palette-red-200: #f59999;
  --palette-red-300: #ef6666;
  --palette-red-400: #ea3333;
  --palette-red-500: #e50000;
  --palette-red-600: #b70000;
  --palette-red-700: #890000;
  --palette-red-800: #5c0000;
  --palette-red-900: #2e0000;
  --palette-pink-100: #ffd6dd;
  --palette-pink-200: #ffadbb;
  --palette-pink-300: #ff8599;
  --palette-pink-400: #ff5c77;
  --palette-pink-500: #ff3355;
  --palette-pink-600: #cc2944;
  --palette-pink-700: #991f33;
  --palette-pink-800: #661422;
  --palette-pink-900: #330a11;
  --palette-orange-100: #ffe6cc;
  --palette-orange-200: #ffcc99;
  --palette-orange-300: #ffb366;
  --palette-orange-400: #ff9933;
  --palette-orange-500: #ff8000;
  --palette-orange-600: #cc6600;
  --palette-orange-700: #994d00;
  --palette-orange-800: #663300;
  --palette-orange-900: #331a00;
  --palette-yellow-100: #fff5cc;
  --palette-yellow-200: #ffeb99;
  --palette-yellow-300: #ffe066;
  --palette-yellow-400: #ffd633;
  --palette-yellow-500: #ffcc00;
  --palette-yellow-600: #cca300;
  --palette-yellow-700: #997a00;
  --palette-yellow-800: #665200;
  --palette-yellow-900: #332900;
  --palette-green-100: #ccebd6;
  --palette-green-200: #99d6ad;
  --palette-green-300: #66c285;
  --palette-green-400: #33ad5c;
  --palette-green-500: #009933;
  --palette-green-600: #007a29;
  --palette-green-700: #005c1f;
  --palette-green-800: #003d14;
  --palette-green-900: #001f0a;
  --palette-cyan-100: #cceeff;
  --palette-cyan-200: #99ddff;
  --palette-cyan-300: #66ccff;
  --palette-cyan-400: #33bbff;
  --palette-cyan-500: #00aaff;
  --palette-cyan-600: #0088cc;
  --palette-cyan-700: #006699;
  --palette-cyan-800: #004466;
  --palette-cyan-900: #002233;
  /* ==== Semantic: Color ==== */
  --content-primary: var(--palette-neutral-900);
  --content-secondary: var(--palette-neutral-800);
  --content-tertiary: var(--palette-neutral-600);
  --content-primary-inverse: var(--palette-primary-white);
  --content-secondary-inverse: var(--palette-neutral-100);
  --content-tertiary-inverse: var(--palette-neutral-300);
  --content-disabled: var(--palette-neutral-300);
  --content-brand: var(--palette-brand-500);
  --content-brand-bold: var(--palette-brand-600);
  --content-brand-extra-bold: var(--palette-brand-800);
  --content-link: var(--palette-blue-500);
  --content-link-hover: var(--palette-blue-600);
  --content-link-pressed: var(--palette-blue-700);
  --content-caution: var(--palette-yellow-500);
  --content-caution-bold: var(--palette-yellow-600);
  --content-caution-extra-bold: var(--palette-yellow-700);
  --content-notice: var(--palette-orange-500);
  --content-notice-bold: var(--palette-orange-600);
  --content-notice-extra-bold: var(--palette-orange-700);
  --content-negative: var(--palette-red-500);
  --content-negative-bold: var(--palette-red-600);
  --content-negative-extra-bold: var(--palette-red-800);
  --content-success: var(--palette-green-500);
  --content-success-bold: var(--palette-green-600);
  --content-success-extra-bold: var(--palette-green-800);
  --content-magic: var(--palette-purple-500);
  --content-magic-bold: var(--palette-purple-600);
  --content-magic-extra-bold: var(--palette-purple-800);
  --background-primary: var(--palette-primary-white);
  --background-subtle: var(--palette-neutral-50);
  --background-hover: var(--palette-neutral-100);
  --background-pressed: var(--palette-neutral-150);
  --background-selected: var(--palette-brand-100);
  --background-disabled: var(--palette-neutral-50);
  --background-inverse: var(--palette-neutral-900);
  --background-brand-subtle: var(--palette-brand-100);
  --background-brand-light: var(--palette-brand-200);
  --background-brand-medium: var(--palette-brand-300);
  --background-brand: var(--palette-brand-500);
  --background-brand-hover: var(--palette-brand-600);
  --background-brand-pressed: var(--palette-brand-700);
  --background-information-subtle: var(--palette-blue-100);
  --background-information: var(--palette-blue-500);
  --background-notice-subtle: var(--palette-orange-100);
  --background-notice: var(--palette-orange-500);
  --background-caution-subtle: var(--palette-yellow-100);
  --background-caution: var(--palette-yellow-500);
  --background-negative-subtle: var(--palette-red-100);
  --background-negative-extra-light: var(--palette-red-200);
  --background-negative-light: var(--palette-red-300);
  --background-negative: var(--palette-red-500);
  --background-negative-hover: var(--palette-red-600);
  --background-negative-pressed: var(--palette-red-700);
  --background-success-subtle: var(--palette-green-100);
  --background-success-extra-light: var(--palette-green-200);
  --background-success-light: var(--palette-green-300);
  --background-success: var(--palette-green-500);
  --background-success-hover: var(--palette-green-600);
  --background-success-pressed: var(--palette-green-700);
  --background-magic: var(--palette-purple-500);
  --background-magic-subtle: var(--palette-purple-100);
  --border-primary: var(--palette-neutral-600);
  --border-secondary: var(--palette-neutral-400);
  --border-tertiary: var(--palette-neutral-200);
  --border-subtle: var(--palette-neutral-100);
  --border-disabled: var(--palette-neutral-200);
  --border-brand-subtle: var(--palette-brand-100);
  --border-brand-light: var(--palette-brand-200);
  --border-brand: var(--palette-brand-500);
  --border-inverse: var(--palette-primary-white);
  --border-information: var(--palette-blue-500);
  --border-caution-subtle: var(--palette-yellow-100);
  --border-caution: var(--palette-yellow-500);
  --border-notice-subtle: var(--palette-orange-100);
  --border-notice-light: var(--palette-orange-200);
  --border-notice: var(--palette-orange-500);
  --border-negative-subtle: var(--palette-red-100);
  --border-negative: var(--palette-red-500);
  --border-negative-bold: var(--palette-red-700);
  --border-success-subtle: var(--palette-green-100);
  --border-success: var(--palette-green-500);
  --border-success-bold: var(--palette-green-700);
  --border-magic: var(--palette-purple-500);
  --border-mono: var(--palette-neutral-900);
  --surface-l0: var(--palette-primary-white);
  --surface-l1: var(--palette-primary-white);
  --surface-l2: var(--palette-primary-white);
  --surface-l3: var(--palette-primary-white);
  --surface-l4: var(--palette-primary-white);
  --surface-l5: var(--palette-primary-white);
  --surface-l6: var(--palette-primary-white);
  --overlay-50: var(--palette-primary-black-50);
  --overlay-50-inverse: var(--palette-primary-white-50);
  /* ==== Spacing ==== */
  --space-2xs: 2px;
  --space-xs: 4px;
  --space-s: 8px;
  --space-m: 12px;
  --space-l: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 40px;
  --space-4xl: 48px;
  --space-5xl: 56px;
  --space-6xl: 64px;
  --space-7xl: 72px;
  --space-8xl: 80px;
  --space-9xl: 88px;
  --space-10xl: 96px;
  --space-11xl: 104px;
  --space-12xl: 112px;
  /* ==== Border ==== */
  --border-radius-circle: 50%;
  --border-radius-pill: 999px;
  --border-radius-2xl: 24px;
  --border-radius-xl: 20px;
  --border-radius-l: 16px;
  --border-radius-ml: 14px;
  --border-radius-m: 12px;
  --border-radius-sm: 10px;
  --border-radius-s: 8px;
  --border-radius-xss: 6px;
  --border-radius-xs: 4px;
  --border-radius-xxs: 2px;
  --border-width-xl: 8px;
  --border-width-l: 4px;
  --border-width-m: 2px;
  --border-width-s: 1.5px;
  --border-width-xs: 1px;
  --border-width-2xs: 0.5px;
  /* ==== Primitives: Type ==== */
  --type-family-inter: 'Inter';
  --type-weight-regular: 400;
  --type-weight-medium: 500;
  --type-weight-semi-bold: 600;
  --type-size-xs: 10px;
  --type-size-s: 12px;
  --type-size-m: 14px;
  --type-size-l: 16px;
  --type-size-xl: 18px;
  --type-size-2xl: 20px;
  --type-size-3xl: 24px;
  --type-size-4xl: 28px;
  --type-size-5xl: 32px;
  --type-size-6xl: 40px;
  --type-size-7xl: 48px;
  --type-size-8xl: 56px;
  --type-size-9xl: 64px;
  --type-size-10xl: 72px;
  --type-line-height-xs: 14px;
  --type-letter-spacing-xs: -0.01em;
  --type-letter-spacing-s: -0.005em;
  --type-letter-spacing-none: 0em;
  --type-line-height-s: 16px;
  --type-line-height-m: 20px;
  --type-line-height-l: 24px;
  --type-line-height-xl: 26px;
  --type-line-height-2xl: 28px;
  --type-line-height-3xl: 32px;
  --type-line-height-4xl: 36px;
  --type-line-height-5xl: 40px;
  --type-line-height-6xl: 48px;
  --type-line-height-7xl: 56px;
  --type-line-height-8xl: 64px;
  --type-line-height-9xl: 72px;
  --type-line-height-10xl: 80px;
  /* ==== Semantic: Type ==== */
  --text-family: var(--type-family-inter);
  --text-heading-5xl-semibold-weight: var(--type-weight-semi-bold);
  --text-heading-5xl-semibold-size: var(--type-size-10xl);
  --text-heading-5xl-semibold-line-height: var(--type-line-height-10xl);
  --text-heading-5xl-semibold-letter-spacing: var(--type-letter-spacing-xs);
  --text-heading-4xl-semibold-weight: var(--type-weight-semi-bold);
  --text-heading-4xl-semibold-size: var(--type-size-9xl);
  --text-heading-4xl-semibold-line-height: var(--type-line-height-9xl);
  --text-heading-4xl-semibold-letter-spacing: var(--type-letter-spacing-xs);
  --text-heading-3xl-semibold-weight: var(--type-weight-semi-bold);
  --text-heading-3xl-semibold-size: var(--type-size-8xl);
  --text-heading-3xl-semibold-line-height: var(--type-line-height-8xl);
  --text-heading-2xl-semibold-weight: var(--type-weight-semi-bold);
  --text-heading-2xl-semibold-size: var(--type-size-7xl);
  --text-heading-2xl-semibold-line-height: var(--type-line-height-7xl);
  --text-heading-2xl-semibold-letter-spacing: var(--type-letter-spacing-xs);
  --text-heading-xl-semibold-weight: var(--type-weight-semi-bold);
  --text-heading-xl-semibold-size: var(--type-size-6xl);
  --text-heading-xl-semibold-line-height: var(--type-line-height-6xl);
  --text-heading-xl-semibold-letter-spacing: var(--type-letter-spacing-xs);
  --text-heading-l-semibold-weight: var(--type-weight-semi-bold);
  --text-heading-l-semibold-size: var(--type-size-5xl);
  --text-heading-l-semibold-line-height: var(--type-line-height-5xl);
  --text-heading-l-semibold-letter-spacing: var(--type-letter-spacing-xs);
  --text-heading-m-semibold-weight: var(--type-weight-semi-bold);
  --text-heading-3xl-semibold-letter-spacing: var(--type-letter-spacing-xs);
  --text-heading-m-semibold-size: var(--type-size-4xl);
  --text-heading-m-semibold-line-height: var(--type-line-height-4xl);
  --text-heading-m-semibold-letter-spacing: var(--type-letter-spacing-s);
  --text-heading-s-semibold-weight: var(--type-weight-semi-bold);
  --text-heading-s-semibold-size: var(--type-size-3xl);
  --text-heading-s-semibold-line-height: var(--type-line-height-3xl);
  --text-heading-s-semibold-letter-spacing: var(--type-letter-spacing-s);
  --text-heading-xs-semibold-weight: var(--type-weight-semi-bold);
  --text-heading-xs-semibold-size: var(--type-size-2xl);
  --text-heading-xs-semibold-line-height: var(--type-line-height-2xl);
  --text-heading-xs-semibold-letter-spacing: var(--type-letter-spacing-s);
  --text-heading-2xs-semibold-weight: var(--type-weight-semi-bold);
  --text-heading-2xs-semibold-size: var(--type-size-xl);
  --text-heading-2xs-semibold-line-height: var(--type-line-height-xl);
  --text-heading-2xs-semibold-letter-spacing: var(--type-letter-spacing-none);
  --text-body-xl-regular-weight: var(--type-weight-regular);
  --text-body-xl-regular-size: var(--type-size-2xl);
  --text-body-xl-regular-line-height: var(--type-line-height-2xl);
  --text-body-xl-regular-letter-spacing: var(--type-letter-spacing-none);
  --text-body-l-regular-weight: var(--type-weight-regular);
  --text-body-l-regular-size: var(--type-size-l);
  --text-body-l-regular-line-height: var(--type-line-height-l);
  --text-body-l-regular-letter-spacing: var(--type-letter-spacing-none);
  --text-body-m-regular-weight: var(--type-weight-regular);
  --text-body-m-regular-size: var(--type-size-m);
  --text-body-m-regular-line-height: var(--type-line-height-m);
  --text-body-m-regular-letter-spacing: var(--type-letter-spacing-none);
  --text-body-s-regular-weight: var(--type-weight-regular);
  --text-body-s-regular-size: var(--type-size-s);
  --text-body-s-regular-line-height: var(--type-line-height-s);
  --text-body-s-regular-letter-spacing: var(--type-letter-spacing-none);
  --text-body-xs-regular-weight: var(--type-weight-regular);
  --text-body-xs-regular-size: var(--type-size-xs);
  --text-body-xs-regular-line-height: var(--type-line-height-xs);
  --text-body-xs-regular-letter-spacing: var(--type-letter-spacing-none);
  --text-body-xl-medium-weight: var(--type-weight-medium);
  --text-body-xl-medium-size: var(--type-size-2xl);
  --text-body-xl-medium-line-height: var(--type-line-height-2xl);
  --text-body-xl-medium-letter-spacing: var(--type-letter-spacing-none);
  --text-body-xl-semibold-weight: var(--type-weight-semi-bold);
  --text-body-xl-semibold-size: var(--type-size-2xl);
  --text-body-xl-semibold-line-height: var(--type-line-height-2xl);
  --text-body-xl-semibold-letter-spacing: var(--type-letter-spacing-none);
  --text-body-l-medium-weight: var(--type-weight-medium);
  --text-body-l-medium-size: var(--type-size-l);
  --text-body-l-medium-line-height: var(--type-line-height-l);
  --text-body-l-medium-letter-spacing: var(--type-letter-spacing-none);
  --text-body-l-semibold-weight: var(--type-weight-semi-bold);
  --text-body-l-semibold-size: var(--type-size-l);
  --text-body-l-semibold-line-height: var(--type-line-height-l);
  --text-body-l-semibold-letter-spacing: var(--type-letter-spacing-none);
  --text-body-m-medium-weight: var(--type-weight-medium);
  --text-body-m-medium-size: var(--type-size-m);
  --text-body-m-medium-line-height: var(--type-line-height-m);
  --text-body-m-medium-letter-spacing: var(--type-letter-spacing-none);
  --text-body-m-semibold-weight: var(--type-weight-semi-bold);
  --text-body-m-semibold-size: var(--type-size-m);
  --text-body-m-semibold-line-height: var(--type-line-height-m);
  --text-body-m-semibold-letter-spacing: var(--type-letter-spacing-none);
  --text-body-s-medium-weight: var(--type-weight-medium);
  --text-body-s-medium-size: var(--type-size-s);
  --text-body-s-medium-line-height: var(--type-line-height-s);
  --text-body-s-medium-letter-spacing: var(--type-letter-spacing-none);
  --text-body-s-semibold-weight: var(--type-weight-semi-bold);
  --text-body-s-semibold-size: var(--type-size-s);
  --text-body-s-semibold-line-height: var(--type-line-height-s);
  --text-body-s-semibold-letter-spacing: var(--type-letter-spacing-none);
  --text-body-xs-medium-weight: var(--type-weight-medium);
  --text-body-xs-medium-size: var(--type-size-xs);
  --text-body-xs-medium-line-height: var(--type-line-height-xs);
  --text-body-xs-medium-letter-spacing: var(--type-letter-spacing-none);
  --text-body-xs-semibold-weight: var(--type-weight-semi-bold);
  --text-body-xs-semibold-size: var(--type-size-xs);
  --text-body-xs-semibold-line-height: var(--type-line-height-xs);
  --text-body-xs-semibold-letter-spacing: var(--type-letter-spacing-none);
  /* ==== Elevation (Figma effect styles) ==== */
  --shadow-l1: 0px 0px 2px 0px #00000014, 0px 2px 4px 0px #00000014;
  --shadow-l2: 0px 0px 4px 0px #00000014, 0px 4px 8px 0px #0000001a;
  --shadow-l3: 0px 0px 6px 0px #00000014, 0px 8px 16px 0px #0000001a;
  --shadow-l4: 0px 0px 8px 0px #00000014, 0px 10px 20px 0px #0000001a;
  --shadow-l5: 0px 0px 10px 0px #00000014, 0px 12px 24px 0px #0000001a;
  --shadow-l6: 0px 0px 12px 0px #00000014, 0px 16px 32px 0px #0000001a;
}