/* Auto-generated from Figma token export — do not edit manually */

/* ============================================================
   LIGHT THEME  (123 tokens)   source: your_brand_light.tokens.json
   ============================================================ */

:root {
  --background: #FFFFFF;
  --foreground: #020617;
  --primary: #0F172A;
  --primary-foreground: #F8FAFC;
  --secondary: #F1F5F9;
  --secondary-foreground: #0F172A;
  --accent: #FFE4E6;
  --accent-foreground: #881337;
  --muted: #F1F5F9;
  --muted-foreground: #64748B;
  --destructive: #DC2626;
  --border: #E2E8F0;
  --input: #FFFFFF;
  --card: #FFFFFF;
  --card-foreground: #020617;
  --popover: #000000;
  --popover-foreground: #FFFFFF;
  --foreground-alt: #334155;
  --body-background: #FFFFFF;
  --destructive-border: #EF4444;
  --destructive-subtle: #FEF2F2;
  --contrast-DEPRECATED: #000000;
  --backdrop: rgba(51, 65, 85, 0.6);
  --mid-DEPRECATED: #64748B;
  --mid-alt: #475569;
  --destructive-foreground: #DC2626;
  --ghost-foreground: #334155;
  --ghost: rgba(255, 255, 255, 0.0001);
  --ghost-hover: rgba(0, 0, 0, 0.05);
  --primary-hover: #334155;
  --secondary-hover: #F8FAFC;
  --outline: rgba(255, 255, 255, 0.1);
  --outline-hover: rgba(51, 65, 85, 0.0333);
  --outline-active: rgba(51, 65, 85, 0.05);
  --accent-0: #F8FAFC;
  --accent-2: #E2E8F0;
  --accent-3: #CBD5E1;
  --border-0: #F8FAFC;
  --border-1: #F1F5F9;
  --border-3: #CBD5E1;
  --border-4: #94A3B8;
  --border-5: #64748B;
  --ring: #CBD5E1;
  --ring-error: #FCA5A5;
  --sidebar: #F1F5F9;
  --sidebar-foreground: #334155;
  --sidebar-accent: #BAE6FD;
  --sidebar-accent-foreground: #334155;
  --sidebar-primary: #0F172A;
  --sidebar-primary-foreground: #F8FAFC;
  --sidebar-border: #E2E8F0;
  --sidebar-ring: #CBD5E1;
  --unofficial-sidebar-muted: #64748B;
  --legacy-chart-1: #1F77B4;
  --legacy-chart-2: #FF7F0E;
  --legacy-chart-3: #2CA02C;
  --legacy-chart-4: #D62728;
  --legacy-chart-5: #9467BD;
  --area-orange-fill: rgba(253, 208, 156, 0.7);
  --area-orange-fill-2: rgba(248, 176, 126, 0.7);
  --area-orange-stroke: #FFB86A;
  --area-orange-stroke-2: #FF6900;
  --area-blue-fill: rgba(191, 222, 255, 0.7);
  --area-blue-stroke: #8EC5FF;
  --area-blue-fill-2: rgba(170, 204, 255, 0.7);
  --area-blue-stroke-2: #3F8DFF;
  --area-green-fill: rgba(185, 251, 210, 0.7);
  --area-green-stroke: #7BF1AB;
  --area-green-fill-2: rgba(130, 226, 169, 0.7);
  --area-green-stroke-2: #19D163;
  --area-rose-fill: rgba(255, 217, 222, 0.7);
  --area-rose-stroke: #FFA1AD;
  --area-rose-fill-2: rgba(244, 145, 168, 0.7);
  --area-rose-stroke-2: #FF4F79;
  --area-teal-fill: rgba(169, 244, 232, 0.7);
  --area-teal-stroke: #46EDD5;
  --area-teal-fill-2: rgba(124, 231, 220, 0.7);
  --area-teal-stroke-2: #07C0AC;
  --area-purple-fill: rgba(240, 224, 255, 0.7);
  --area-purple-stroke: #DAB2FF;
  --area-purple-fill-2: rgba(222, 181, 255, 0.7);
  --area-purple-stroke-2: #C67EFF;
  --area-amber-fill: rgba(255, 237, 172, 0.7);
  --area-amber-stroke: #FFD230;
  --area-amber-fill-2: rgba(254, 214, 153, 0.7);
  --area-amber-stroke-2: #FE9A00;
  --static-blue-1: #8EC5FF;
  --static-blue-2: #2B7FFF;
  --static-blue-3: #155DFC;
  --static-blue-4: #1447E6;
  --static-blue-5: #193CB8;
  --static-rose-1: #FFA1AD;
  --static-rose-2: #FF2056;
  --static-rose-3: #EC003F;
  --static-rose-4: #C70036;
  --static-rose-5: #A50036;
  --static-purple-1: #DAB2FF;
  --static-purple-2: #AD46FF;
  --static-purple-3: #9810FA;
  --static-purple-4: #8200DB;
  --static-purple-5: #6E11B0;
  --static-orange-1: #FFB86A;
  --static-orange-2: #FF6900;
  --static-orange-3: #F54A00;
  --static-orange-4: #CA3500;
  --static-orange-5: #9F2D00;
  --static-teal-1: #46EDD5;
  --static-teal-2: #00BBA7;
  --static-teal-3: #009689;
  --static-teal-4: #00786F;
  --static-teal-5: #005F5A;
  --static-amber-1: #FFD230;
  --static-amber-2: #FE9A00;
  --static-amber-3: #E17100;
  --static-amber-4: #BB4D00;
  --static-amber-5: #973C00;
  --static-green-1: #7BF1A8;
  --static-green-2: #00C951;
  --static-green-3: #00A63E;
  --static-green-4: #008236;
  --static-green-5: #016630;
  --obra-shadcn-ui-docs-1: #FFFFFF;
  --obra-shadcn-ui-docs-2: #FFFFFF;
}

/* ============================================================
   DARK THEME   (123 tokens)   source: your_brand_dark.tokens.json
   ============================================================ */

.dark {
  --background: #000000;
  --foreground: #FAFAFA;
  --primary: #F5F5F5;
  --primary-foreground: #0A0A0A;
  --secondary: #262626;
  --secondary-foreground: #F5F5F5;
  --accent: #881337;
  --accent-foreground: #FFE4E6;
  --muted: #171717;
  --muted-foreground: #A3A3A3;
  --destructive: #9E4042;
  --border: #404040;
  --input: rgba(255, 255, 255, 0.05);
  --card: #171717;
  --card-foreground: #FFFFFF;
  --popover: #FFFFFF;
  --popover-foreground: #000000;
  --foreground-alt: #D4D4D4;
  --body-background: #0A0A0A;
  --destructive-border: #EF4444;
  --destructive-subtle: #450A0A;
  --contrast-DEPRECATED: #FFFFFF;
  --backdrop: rgba(0, 0, 0, 0.6);
  --mid-DEPRECATED: #737373;
  --mid-alt: #A3A3A3;
  --destructive-foreground: #F87171;
  --ghost-foreground: #E5E5E5;
  --ghost: rgba(255, 255, 255, 0.0001);
  --ghost-hover: rgba(255, 255, 255, 0.1);
  --primary-hover: #D4D4D4;
  --secondary-hover: #171717;
  --outline: rgba(255, 255, 255, 0.05);
  --outline-hover: rgba(255, 255, 255, 0.1);
  --outline-active: rgba(255, 255, 255, 0.15);
  --accent-0: #0A0A0A;
  --accent-2: #262626;
  --accent-3: #404040;
  --border-0: #0A0A0A;
  --border-1: #171717;
  --border-3: #404040;
  --border-4: #525252;
  --border-5: #737373;
  --ring: #404040;
  --ring-error: #6D2E2F;
  --sidebar: #0A0A0A;
  --sidebar-foreground: #D4D4D4;
  --sidebar-accent: #171717;
  --sidebar-accent-foreground: #F5F5F5;
  --sidebar-primary: #FAFAFA;
  --sidebar-primary-foreground: #171717;
  --sidebar-border: #262626;
  --sidebar-ring: #404040;
  --unofficial-sidebar-muted: #737373;
  --legacy-chart-1: #1447E6;
  --legacy-chart-2: #00BC7D;
  --legacy-chart-3: #FD9A00;
  --legacy-chart-4: #AD46FF;
  --legacy-chart-5: #FF2056;
  --area-orange-fill: rgba(117, 87, 56, 0.7);
  --area-orange-fill-2: rgba(118, 56, 14, 0.7);
  --area-orange-stroke: #FFB86A;
  --area-orange-stroke-2: #FF7915;
  --area-blue-fill: rgba(71, 93, 117, 0.7);
  --area-blue-stroke: #8EC5FF;
  --area-blue-fill-2: rgba(31, 65, 118, 0.7);
  --area-blue-stroke-2: #539BFF;
  --area-green-fill: rgba(63, 110, 81, 0.7);
  --area-green-stroke: #7BF1A8;
  --area-green-fill-2: rgba(14, 94, 46, 0.7);
  --area-green-stroke-2: #19D163;
  --area-rose-fill: rgba(117, 78, 83, 0.7);
  --area-rose-stroke: #FFA1AD;
  --area-rose-fill-2: rgba(116, 27, 48, 0.7);
  --area-rose-stroke-2: #FF4670;
  --area-teal-fill: rgba(64, 147, 136, 0.7);
  --area-teal-stroke: #46EDD5;
  --area-teal-fill-2: rgba(14, 89, 81, 0.7);
  --area-teal-stroke-2: #1CCFB9;
  --area-purple-fill: rgba(101, 85, 118, 0.7);
  --area-purple-stroke: #DAB2FF;
  --area-purple-fill-2: rgba(83, 42, 119, 0.7);
  --area-purple-stroke-2: #A96ADD;
  --area-amber-fill: rgba(116, 98, 33, 0.7);
  --area-amber-stroke: #FFD230;
  --area-amber-fill-2: rgba(115, 75, 14, 0.7);
  --area-amber-stroke-2: #FFA50A;
  --static-blue-1: #8EC5FF;
  --static-blue-2: #2B7FFF;
  --static-blue-3: #155DFC;
  --static-blue-4: #1447E6;
  --static-blue-5: #193CB8;
  --static-rose-1: #FFA1AD;
  --static-rose-2: #FF2056;
  --static-rose-3: #EC003F;
  --static-rose-4: #C70036;
  --static-rose-5: #A50036;
  --static-purple-1: #DAB2FF;
  --static-purple-2: #AD46FF;
  --static-purple-3: #9810FA;
  --static-purple-4: #8200DB;
  --static-purple-5: #6E11B0;
  --static-orange-1: #FFB86A;
  --static-orange-2: #FF6900;
  --static-orange-3: #F54A00;
  --static-orange-4: #CA3500;
  --static-orange-5: #9F2D00;
  --static-teal-1: #46EDD5;
  --static-teal-2: #00BBA7;
  --static-teal-3: #009689;
  --static-teal-4: #00786F;
  --static-teal-5: #005F5A;
  --static-amber-1: #FFD230;
  --static-amber-2: #FE9A00;
  --static-amber-3: #E17100;
  --static-amber-4: #BB4D00;
  --static-amber-5: #973C00;
  --static-green-1: #7BF1A8;
  --static-green-2: #00C951;
  --static-green-3: #00A63E;
  --static-green-4: #008236;
  --static-green-5: #016630;
  --obra-shadcn-ui-docs-1: #111628;
  --obra-shadcn-ui-docs-2: #201D1B;
}

/* ============================================================
   TYPOGRAPHY   (45 tokens)   source: your_brand_typography.tokens.json
   ============================================================ */

:root {
  --font-definitions-font-family-sans: Inter;
  --font-definitions-font-family-serif: Inter;
  --font-definitions-font-family-headings: Inter;
  --font-definitions-font-family-body: Inter;
  --font-definitions-font-family-monospace: Menlo;
  --heading-1-weight: Semibold;
  --heading-1-font-size: 48px;
  --heading-1-line-height: 48px;
  --heading-1-spacing: 48px;
  --heading-1-letter-spacing: -1.5px;
  --heading-2-weight: Semibold;
  --heading-2-font-size: 30px;
  --heading-2-line-height: 30px;
  --heading-2-spacing: 30px;
  --heading-2-letter-spacing: -1px;
  --heading-3-weight: Semibold;
  --heading-3-font-size: 24px;
  --heading-3-line-height: 28.799999237060547px;
  --heading-3-spacing: 20px;
  --heading-3-letter-spacing: -1px;
  --heading-4-weight: Semibold;
  --heading-4-font-size: 20px;
  --heading-4-line-height: 24px;
  --heading-4-spacing: 20px;
  --heading-4-letter-spacing: 0px;
  --monospaced-font-size: 16px;
  --monospaced-line-height: 24px;
  --monospaced-spacing: 16px;
  --monospaced-letter-spacing: 0px;
  --monospaced-font-weight: Regular;
  --paragraph-weight: Regular;
  --paragraph-bold-weight: Semibold;
  --paragraph-medium-weight: Medium;
  --paragraph-regular-font-size: 16px;
  --paragraph-regular-line-height: 24px;
  --paragraph-regular-spacing: 16px;
  --paragraph-regular-letter-spacing: 0px;
  --paragraph-small-font-size: 14px;
  --paragraph-small-line-height: 21px;
  --paragraph-small-spacing: 14px;
  --paragraph-small-letter-spacing: 0px;
  --paragraph-mini-font-size: 12px;
  --paragraph-mini-line-height: 16px;
  --paragraph-mini-spacing: 12px;
  --paragraph-mini-letter-spacing: 0px;
}

/* ============================================================
   SPACING      (45 tokens)   source: your_brand_spacing.tokens.json
   ============================================================ */

:root {
  --spacing-3xs: 2px;
  --spacing-2xs: 4px;
  --xs: 8px;
  --md: 16px;
  --lg: 20px;
  --xl: 24px;
  --spacing-2xl: 32px;
  --spacing-3xl: 40px;
  --spacing-4xl: 48px;
  --spacing-5xl: 64px;
  --spacing-0: 0px;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-7: 28px;
  --spacing-8: 32px;
  --spacing-9: 36px;
  --spacing-10: 40px;
  --spacing-11: 44px;
  --spacing-12: 48px;
  --spacing-14: 56px;
  --spacing-16: 64px;
  --spacing-20: 80px;
  --spacing-24: 96px;
  --spacing-28: 112px;
  --spacing-32: 128px;
  --spacing-36: 144px;
  --spacing-40: 160px;
  --spacing-44: 176px;
  --spacing-48: 192px;
  --spacing-52: 208px;
  --spacing-56: 224px;
  --spacing-60: 240px;
  --spacing-64: 256px;
  --spacing-72: 288px;
  --spacing-80: 320px;
  --spacing-96: 384px;
  --spacing-0-5: 2px;
  --spacing-1-5: 6px;
  --spacing-2-5: 10px;
  --spacing-3-5: 14px;
  --infinite: 9999px;
}

/* ============================================================
   SHADOWS      (7 tokens)   source: your_brand_shadows.tokens.json
   ============================================================ */

:root {
  --shadow-2xs: 0px 1px 0px 0px rgba(0, 0, 0, 0.05);
  --shadow-xs: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  --shadow-sm: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-md: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px -4px 6px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px -6px 10px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0px 25px 50px 12px rgba(0, 0, 0, 0.25);
}

/* ============================================================
   BORDER RADII (19 tokens)   source: your_brand_border_radii.tokens.json
   ============================================================ */

:root {
  --radius: 0.625rem;
  --rounded-none: 0px;
  --rounded-xs: 2px;
  --rounded-sm: 4px;
  --rounded-md: 6px;
  --rounded-lg: 8px;
  --rounded-xl: 12px;
  --rounded-2xl: 16px;
  --rounded-3xl: 24px;
  --rounded-full: 9999px;
  --radius-2: 2px;
  --radius-4: 4px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-12: 12px;
  --radius-16: 16px;
  --radius-24: 24px;
  --radius-32: 32px;
  --radius-infinite: 9999px;
}