/* ScaleUpCTO design system 1.0.0. Generated from project/tokens.json by scripts/build-package.mjs.

   fifth day's semantic roles, so its components render in ScaleUpCTO's colours. On the page
   they follow the theme (data-theme="light" or "dark"); .fd-light is always the light theme,
   and .fd-reverse is the Ink band, with the dark theme's values. */

:root {
  --bg: var(--background);
  --surface: var(--card);
  --surface-edge: inset 0 0 0 1px var(--border);
  --text: var(--foreground);
  --text-strong: var(--heading);
  --text-muted: var(--muted-foreground);
  --border-subtle: var(--border);
  --border-strong: var(--heading);
  --action-bg: var(--primary);
  --action-fg: var(--primary-foreground);
  --action-bg-hover: var(--primary-hover);
  --accent-bg: var(--sun);
  --accent-fg: var(--ink);
  --accent-bg-hover: var(--sun-tint);
  --link: var(--heading);
  --link-hover: var(--primary-hover);
  --danger: var(--destructive);
  --danger-fg: var(--destructive-foreground);
  --focus: var(--ring);
  --focus-gap: var(--background);
  --choice-accent: var(--primary);
  --selection-bg: var(--sun-tint);
  --selection-fg: var(--ink);
  --scrim: #0d1f3599;
  --field-bg: var(--background);
  --field-fg: var(--foreground);
  --field-placeholder: var(--steel);
  --field-border-hover: var(--steel);
  --field-focus: var(--ring);
  --field-invalid: var(--destructive);
  --field-disabled-bg: var(--muted);
  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230d1f35' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --logo-face: var(--paper);
  --logo-line: var(--ink);
  --logo-lift: var(--sun);
  --logo-ramp: #ffde74;
  --logo-ramp-opacity: 0.48;
  --logo-scaleup: #0d1f35;
  --logo-cto: #0d1f35;
}

.fd-light,
[data-surface='light'] {
  --bg: #ffffff;
  --surface: #ffffff;
  --surface-edge: inset 0 0 0 1px var(--border);
  --heading: #0d1f35;
  --text: #243447;
  --text-strong: #0d1f35;
  --text-muted: #5b6b80;
  --border: #dce3ec;
  --border-subtle: #dce3ec;
  --border-strong: #0d1f35;
  --action-bg: #0d1f35;
  --action-fg: #ffffff;
  --action-bg-hover: #334c77;
  --accent-bg: #ffde74;
  --accent-fg: #0d1f35;
  --accent-bg-hover: #fff1bf;
  --link: #0d1f35;
  --link-hover: #334c77;
  --danger: #b4231e;
  --danger-fg: #ffffff;
  --focus: #0d1f35;
  --focus-gap: #ffffff;
  --choice-accent: #0d1f35;
  --selection-bg: #fff1bf;
  --selection-fg: #0d1f35;
  --scrim: #0d1f3599;
  --field-bg: #ffffff;
  --field-fg: #243447;
  --field-placeholder: #839ab6;
  --field-border-hover: #839ab6;
  --field-focus: #0d1f35;
  --field-invalid: #b4231e;
  --field-disabled-bg: #f5f7fa;
  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230d1f35' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --logo-face: #ffffff;
  --logo-line: #0d1f35;
  --logo-lift: #ffde74;
  --logo-ramp: #ffde74;
  --logo-ramp-opacity: 0.48;
  --logo-scaleup: #0d1f35;
  --logo-cto: #0d1f35;
  color-scheme: light;
}

.fd-reverse,
[data-surface='reverse'] {
  --bg: #0d1f35;
  --surface: #132840;
  --surface-edge: inset 0 0 0 1px var(--border);
  --heading: #ffffff;
  --text: #dce3ec;
  --text-strong: #ffffff;
  --text-muted: #839ab6;
  --border: #2a4160;
  --border-subtle: #2a4160;
  --border-strong: #ffffff;
  --action-bg: #ffde74;
  --action-fg: #0d1f35;
  --action-bg-hover: #fff1bf;
  --accent-bg: #ffde74;
  --accent-fg: #0d1f35;
  --accent-bg-hover: #fff1bf;
  --link: #ffffff;
  --link-hover: #fff1bf;
  --danger: #e5645c;
  --focus: #ffde74;
  --focus-gap: #0d1f35;
  --choice-accent: #ffde74;
  --scrim: #0d1f3599;
  --select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%230d1f35' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --logo-face: #0d1f35;
  --logo-line: #ffffff;
  --logo-ramp: #ffde74;
  --logo-ramp-opacity: 1;
  --logo-scaleup: #839ab6;
  --logo-cto: #ffffff;
  color-scheme: dark;
  background: var(--bg);
  color: var(--text);
}