/* Untitled theme — light/dark, zero borders, invisible-ish shadows, accent #fc032d */
/* GT Standard L is paid; Inter / system-ui fallback stack */

/* demo: Google Fonts import removed so the page requests nothing off-site; Inter falls back to the system stack */

:root,
[data-theme="light"] {
  --theme-name: Untitled;
  --motion-duration: 200ms;
  --motion-easing: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-large-duration: 360ms;
  --motion-large-easing: cubic-bezier(0.22, 1, 0.36, 1);

  --space-zero: 0px;
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-s: 12px;
  --space-m: 16px;
  --space-l: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;

  --size-xxs: 10px;
  --line-xxs: 14px;
  --letter-spacing-xxs: -0.005em;
  --size-xs: 12px;
  --line-xs: 16px;
  --letter-spacing-xs: -0.0075em;
  --size-s: 14px;
  --line-s: 20px;
  --letter-spacing-s: -0.01em;
  --size-m: 16px;
  --line-m: 24px;
  --letter-spacing-m: -0.015em;
  --size-l: 24px;
  --line-l: 32px;
  --letter-spacing-l: -0.02em;
  --size-xl: 36px;
  --line-xl: 40px;
  --letter-spacing-xl: -0.03em;
  --size-xxl: 48px;
  --line-xxl: 52px;
  --letter-spacing-xxl: -0.04em;

  --radius-zero: 0px;
  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 18px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  --border-none: 0px;
  --border-s: 0px;
  --border-m: 0px;
  --border-l: 0px;

  --font-ui: "Inter", "GT Standard L", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --weight-ui-regular: 400;
  --weight-ui-medium: 500;
  --weight-ui-heavy: 600;

  --color-1: #fc032d;
  --color-1-transparent: #fc032d33;
  --color-2: #ffc5ce;
  --color-3: #153d85;
  --color-4: #ffd7ad;

  --neutral-1: #ffffff;
  --neutral-2: #fbfbfb;
  --neutral-3: #f4f4f4;
  --neutral-4: #e7e7e7;
  --neutral-5: #cdcdcd;
  --neutral-6: #a1a1a1;
  --neutral-7: #7d7d7d;
  --neutral-8: #555555;
  --neutral-9: #333333;
  --neutral-10: #000000;

  --success: #00906c;
  --success-transparent: #00906c33;
  --warning: #ffea00;
  --warning-transparent: #ffea0033;
  --error: #fc032d;
  --error-transparent: #fc032d33;

  --shadow-none: none;
  --shadow-s: 0px 2px 4px 0px #00000000;
  --shadow-m: 0px 2px 6px 0px #0000000d, 0px 8px 24px 0px #00000013;
  --shadow-l: 0px 16px 48px 0px #00000000;

  --cte-canvas: #ffffff;
  --cte-surface: #fbfbfb;
  --cte-surface-muted: #f4f4f4;
  --cte-text: #000000;
  --cte-text-muted: #7d7d7d;
  --cte-accent: #fc032d;
  --cte-accent-text: #fbfbfb;
  --cte-danger: #fc032d;
  --cte-focus: #fc032d;

  --nav-active-bg: #fc032d;
  --nav-active-fg: #fbfbfb;
  --option-badge-bg: #fc032d;
  --option-badge-fg: #fbfbfb;
}

[data-theme="dark"] {
  --neutral-1: #000000;
  --neutral-2: #202020;
  --neutral-3: #2b2b2b;
  --neutral-4: #3d3d3d;
  --neutral-5: #565656;
  --neutral-6: #838383;
  --neutral-7: #ababab;
  --neutral-8: #cfcfcf;
  --neutral-9: #f4f4f4;
  --neutral-10: #ffffff;

  --cte-canvas: #000000;
  --cte-surface: #202020;
  --cte-surface-muted: #2b2b2b;
  --cte-text: #ffffff;
  --cte-text-muted: #ababab;
  --cte-accent-text: #202020;

  --nav-active-fg: #fbfbfb;
}