/* Mottion — generated from tokens.json by build-tokens.js. Do not edit by hand. */

:root,
[data-theme="light"] {
  --brand: #ff6a00;
  --brand-light: #ff9440;
  --brand-dark: #e05a00;
  --brand-text: #b63f00;
  --background: #ffffff;
  --foreground: #0a0a0b;
  --card: #ffffff;
  --card-foreground: #0a0a0b;
  --popover: #ffffff;
  --popover-foreground: #0a0a0b;
  --primary: var(--brand);
  --primary-foreground: #0a0a0b;
  --secondary: #f4f4f5;
  --secondary-foreground: #18181b;
  --muted: #f4f4f5;
  --muted-foreground: #71717a;
  --accent: #f4f4f5;
  --accent-foreground: #18181b;
  --destructive: oklch(0.55 0.22 17);
  --destructive-foreground: #ffffff;
  --border: #e4e4e7;
  --input: #e4e4e7;
  --ring: var(--brand-dark);
  --chart-1: var(--brand-dark);
  --chart-2: oklch(0.6 0.118 184.704);
  --chart-3: oklch(0.547 0.246 262.866);
  --chart-4: oklch(0.45 0.18 330);
  --chart-5: oklch(0.45 0.12 50);
  --sidebar: #fafafa;
  --sidebar-foreground: #0a0a0b;
  --sidebar-primary: var(--brand);
  --sidebar-primary-foreground: #0a0a0b;
  --sidebar-accent: #f4f4f5;
  --sidebar-accent-foreground: #18181b;
  --sidebar-border: #e4e4e7;
  --sidebar-ring: var(--brand-dark);
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"],
.dark {
  --brand: #ff6a00;
  --brand-light: #ff9440;
  --brand-dark: #e05a00;
  --brand-text: var(--brand);
  --background: #0a0a0b;
  --foreground: #f6f6f7;
  --card: #141417;
  --card-foreground: #f6f6f7;
  --popover: #1a1a1f;
  --popover-foreground: #f6f6f7;
  --primary: var(--brand);
  --primary-foreground: #0a0a0b;
  --secondary: #1a1a1f;
  --secondary-foreground: #f6f6f7;
  --muted: #1a1a1f;
  --muted-foreground: #a2a2ac;
  --accent: #26262d;
  --accent-foreground: #f6f6f7;
  --destructive: oklch(0.68 0.2 15);
  --destructive-foreground: #ffffff;
  --border: rgba(255, 255, 255, 0.09);
  --input: rgba(255, 255, 255, 0.14);
  --ring: var(--brand);
  --chart-1: var(--brand-dark);
  --chart-2: oklch(0.66 0.12 180);
  --chart-3: oklch(0.53 0.14 250);
  --chart-4: oklch(0.63 0.24 305);
  --chart-5: oklch(0.56 0.22 350);
  --sidebar: #141417;
  --sidebar-foreground: #f6f6f7;
  --sidebar-primary: var(--brand);
  --sidebar-primary-foreground: #0a0a0b;
  --sidebar-accent: #26262d;
  --sidebar-accent-foreground: #f6f6f7;
  --sidebar-border: rgba(255, 255, 255, 0.09);
  --sidebar-ring: var(--brand);
}

[data-theme="hc-light"] {
  --brand: #b63f00;
  --brand-light: #ff9440;
  --brand-dark: #e05a00;
  --brand-text: #841d00;
  --background: #ffffff;
  --foreground: #000000;
  --card: #ffffff;
  --card-foreground: #000000;
  --popover: #ffffff;
  --popover-foreground: #000000;
  --primary: #000000;
  --primary-foreground: #ffffff;
  --secondary: #f0f0f0;
  --secondary-foreground: #000000;
  --muted: #f0f0f0;
  --muted-foreground: #3b3b3b;
  --accent: #e0e0e0;
  --accent-foreground: #000000;
  --destructive: #8f0015;
  --destructive-foreground: #ffffff;
  --border: #6b6b6b;
  --input: #4d4d4d;
  --ring: #0047d6;
  --chart-1: #e05a00;
  --chart-2: #009689;
  --chart-3: #155dfc;
  --chart-4: #881d83;
  --chart-5: #883c00;
  --sidebar: #ffffff;
  --sidebar-foreground: #000000;
  --sidebar-primary: #000000;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #e0e0e0;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #6b6b6b;
  --sidebar-ring: #0047d6;
}

[data-theme="hc-dark"] {
  --brand: #ff6a00;
  --brand-light: #ff9440;
  --brand-dark: #e05a00;
  --brand-text: #ffb066;
  --background: #000000;
  --foreground: #ffffff;
  --card: #000000;
  --card-foreground: #ffffff;
  --popover: #000000;
  --popover-foreground: #ffffff;
  --primary: #ffffff;
  --primary-foreground: #000000;
  --secondary: #1f1f1f;
  --secondary-foreground: #ffffff;
  --muted: #1f1f1f;
  --muted-foreground: #c4c4c4;
  --accent: #333333;
  --accent-foreground: #ffffff;
  --destructive: #ffb3b3;
  --destructive-foreground: #000000;
  --border: #949494;
  --input: #b0b0b0;
  --ring: #7aaeff;
  --chart-1: #e05a00;
  --chart-2: #00aa95;
  --chart-3: #166eb9;
  --chart-4: #ac52fa;
  --chart-5: #c91b86;
  --sidebar: #000000;
  --sidebar-foreground: #ffffff;
  --sidebar-primary: #ffffff;
  --sidebar-primary-foreground: #000000;
  --sidebar-accent: #333333;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #949494;
  --sidebar-ring: #7aaeff;
}

/* With no data-theme set, follow the OS: prefers-contrast: more picks a high-contrast theme. */
@media (prefers-contrast: more) {
  :root:not([data-theme]):not(.dark) {
    --brand: #b63f00;
    --brand-light: #ff9440;
    --brand-dark: #e05a00;
    --brand-text: #841d00;
    --background: #ffffff;
    --foreground: #000000;
    --card: #ffffff;
    --card-foreground: #000000;
    --popover: #ffffff;
    --popover-foreground: #000000;
    --primary: #000000;
    --primary-foreground: #ffffff;
    --secondary: #f0f0f0;
    --secondary-foreground: #000000;
    --muted: #f0f0f0;
    --muted-foreground: #3b3b3b;
    --accent: #e0e0e0;
    --accent-foreground: #000000;
    --destructive: #8f0015;
    --destructive-foreground: #ffffff;
    --border: #6b6b6b;
    --input: #4d4d4d;
    --ring: #0047d6;
    --chart-1: #e05a00;
    --chart-2: #009689;
    --chart-3: #155dfc;
    --chart-4: #881d83;
    --chart-5: #883c00;
    --sidebar: #ffffff;
    --sidebar-foreground: #000000;
    --sidebar-primary: #000000;
    --sidebar-primary-foreground: #ffffff;
    --sidebar-accent: #e0e0e0;
    --sidebar-accent-foreground: #000000;
    --sidebar-border: #6b6b6b;
    --sidebar-ring: #0047d6;
  }
  :root.dark:not([data-theme]) {
    --brand: #ff6a00;
    --brand-light: #ff9440;
    --brand-dark: #e05a00;
    --brand-text: #ffb066;
    --background: #000000;
    --foreground: #ffffff;
    --card: #000000;
    --card-foreground: #ffffff;
    --popover: #000000;
    --popover-foreground: #ffffff;
    --primary: #ffffff;
    --primary-foreground: #000000;
    --secondary: #1f1f1f;
    --secondary-foreground: #ffffff;
    --muted: #1f1f1f;
    --muted-foreground: #c4c4c4;
    --accent: #333333;
    --accent-foreground: #ffffff;
    --destructive: #ffb3b3;
    --destructive-foreground: #000000;
    --border: #949494;
    --input: #b0b0b0;
    --ring: #7aaeff;
    --chart-1: #e05a00;
    --chart-2: #00aa95;
    --chart-3: #166eb9;
    --chart-4: #ac52fa;
    --chart-5: #c91b86;
    --sidebar: #000000;
    --sidebar-foreground: #ffffff;
    --sidebar-primary: #ffffff;
    --sidebar-primary-foreground: #000000;
    --sidebar-accent: #333333;
    --sidebar-accent-foreground: #ffffff;
    --sidebar-border: #949494;
    --sidebar-ring: #7aaeff;
  }
}

:root {
  --space-0\.5: 2px;
  --space-1: 4px;
  --space-1\.5: 6px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius: 1rem;
  --radius-sm: 12px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 9999px;
  --font-display: Sora, ui-sans-serif, system-ui, sans-serif;
  --font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

/* Text styles */
.cc-h1 { font-family: var(--font-display); font-size: 36px; line-height: 40px; font-weight: 800; letter-spacing: -0.025em; }
.cc-h2 { font-family: var(--font-display); font-size: 30px; line-height: 36px; font-weight: 700; letter-spacing: -0.025em; }
.cc-h3 { font-family: var(--font-display); font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: -0.02em; }
.cc-h4 { font-family: var(--font-display); font-size: 20px; line-height: 28px; font-weight: 700; letter-spacing: -0.01em; }
.cc-lead { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 400; }
.cc-large { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 600; }
.cc-p { font-family: var(--font-sans); font-size: 16px; line-height: 28px; font-weight: 400; }
.cc-control { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; }
.cc-muted { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.cc-small { font-family: var(--font-sans); font-size: 14px; line-height: 1; font-weight: 500; }
.cc-caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; }
.cc-overline { font-family: var(--font-display); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.14em; }
.cc-inline-code { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 600; }