/* targa-design 0.7.1 · DTCG 2025.10 · sha256:aaf601e49495e59c */
/* Generated from tokens/ by tools/build.py (site dialect). Do not edit: copy it into the consumer. */

/* Themes: light is the default; dark via [data-theme="dark"]; high contrast on prefers-contrast: more
   or via [data-contrast="more"], unless [data-contrast="normal"] opts out (the footer switch, three-state). */

:root {
  --bg: #FFFFFF;
  --bg-2: #F5F6F8;
  --surface: #FFFFFF;
  --surface-2: #F5F6F8;
  --ink: #08090A;
  --fg: #0F1115;
  --muted: #5A6473;
  --faint: #626B7A;
  --line: #E4E7EC;
  --line-2: #EEF0F3;
  --field-line: #767C86;
  --accent: #12B76A;
  --accent-ink: #0E9355;
  --accent-text: #0B7A47;
  --on-accent: #0F1115;
  --accent-soft: rgb(18 183 106 / 0.1);
  --accent-line: rgb(18 183 106 / 0.18);
  --accent-glow: rgb(18 183 106 / 0.1);
  --btn-glow: rgb(18 183 106 / 0.5);
  --cta-glow: rgb(18 183 106 / 0.6);
  --ok: #12B76A;
  --ok-text: #0B7A47;
  --warn: #D97706;
  --warn-text: #9A5B00;
  --on-warn: #0F1115;
  --warn-soft: rgb(217 119 6 / 0.12);
  --warn-line: rgb(217 119 6 / 0.38);
  --alert: #E5484D;
  --alert-text: #C72C33;
  --alert-fill: #C72C33;
  --on-alert: #FFFFFF;
  --alert-soft: rgb(229 72 77 / 0.1);
  --alert-line: rgb(229 72 77 / 0.5);
  --focus: #0B7A47;
  --code-bg: #0B0C0E;
  --code-fg: #E7E9EE;
  --nav-bg: rgb(255 255 255 / 0.82);
  --frost-bg: rgb(255 255 255 / 0.62);
  --glass: rgb(255 255 255 / 0.55);
  --glass-strong: rgb(255 255 255 / 0.72);
  --glass-edge: rgb(15 17 21 / 0.09);
  --glass-hi: rgb(255 255 255 / 0.95);
  --glass-sheen: rgb(255 255 255 / 0.55);
  --glass-menu: rgb(255 255 255 / 0.94);
  --glass-blur: 22px;
  --card-shadow: 0px 22px 44px -30px rgb(15 17 21 / 0.28);
  --card-halo: 0px 16px 40px -22px rgb(15 17 21 / 0.22), 0px 2px 6px -3px rgb(15 17 21 / 0.08);
  --shadow-overlay: 0px 30px 80px -30px rgb(0 0 0 / 0.55);
  --radius: 12px;
  --radius-sm: 8px;
  --radius-xs: 5px;
  --radius-pill: 999px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --spring: cubic-bezier(0.34, 1.4, 0.64, 1);
  --pop: cubic-bezier(0.2, 1.5, 0.4, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 450ms;
  --font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --maxw: 1160px;
  --target-min: 24px;
  --target-touch: 44px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 80px;
  --space-12: 112px;
  --z-field: -1;
  --z-base: 0;
  --z-raised: 1;
  --z-content: 2;
  --z-header: 50;
  --z-menu: 60;
  --z-scrim: 80;
  --z-dialog: 90;
  --z-toast: 100;
  --z-screen: 200;
  --chart-1: #0E9355;
  --chart-2: #2A78D6;
  --chart-3: #EB6834;
  --chart-4: #6250D6;
  --chart-5: #C98500;
  --chart-6: #D55181;
  --chart-seq-1: #D6F5E6;
  --chart-seq-2: #8FE0B8;
  --chart-seq-3: #3EC383;
  --chart-seq-4: #0E9355;
  --chart-seq-5: #065A33;
  --btn-shadow: 0px 1px 2px 0px rgb(15 17 21 / 0.06), 0px 10px 26px -12px rgb(18 183 106 / 0.5);
  --w-dialog: 480px;
  --w-toast: 380px;
  --w-card-min: 260px;
  --hi: #FFFFFF;
  --shade: #000000;
  --btn-primary-bg: #12B76A;
  --btn-primary-fg: #0F1115;
  --btn-primary-hover-bg: #0E9355;
  --btn-secondary-bg: #FFFFFF;
  --btn-secondary-fg: #0F1115;
  --btn-secondary-line: #E4E7EC;
  --btn-danger-fg: #C72C33;
  --btn-danger-line: #C72C33;
  --btn-danger-hover-bg: rgb(229 72 77 / 0.1);
  --btn-link-fg: #0B7A47;
  --btn-radius: 8px;
  --btn-height-md: 44px;
  --btn-height-sm: 40px;
  --card-bg: #FFFFFF;
  --card-line: #E4E7EC;
  --card-radius: 12px;
  --field-bg: #FFFFFF;
  --field-fg: #0F1115;
  --field-line: #767C86;
  --field-focus: #0B7A47;
  --field-radius: 8px;
  --badge-radius: 5px;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --text-xs: 12px;
  --text-sm: 13.5px;
  --text-md: 14.5px;
  --text-base: 16px;
  --text-lg: 19px;
  --text-xl: clamp(24px, 2.6vw, 32px);
  --text-2xl: clamp(32px, 4.6vw, 60px);
  --text-display: clamp(44px, 8vw, 92px);
  --leading-body: 1.7;
  --dur-reveal: 700ms;
  --card-pad: 24px;
  --section-gap: 112px;
  --text-3xl: clamp(30px, 4.6vw, 48px);
  --text-4xl: clamp(38px, 6vw, 68px);
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0A0B0E;
  --bg-2: #121317;
  --surface: #17181D;
  --surface-2: #121317;
  --ink: #000000;
  --fg: #F2F4F8;
  --muted: #9AA3B2;
  --faint: #848D9C;
  --line: #262A31;
  --line-2: #1A1C21;
  --field-line: #6B7482;
  --accent: #22C55E;
  --accent-ink: #12B76A;
  --accent-text: #22C55E;
  --accent-soft: rgb(34 197 94 / 0.12);
  --accent-line: rgb(34 197 94 / 0.24);
  --accent-glow: rgb(34 197 94 / 0.13);
  --btn-glow: rgb(34 197 94 / 0.38);
  --cta-glow: rgb(34 197 94 / 0.45);
  --ok: #22C55E;
  --ok-text: #22C55E;
  --warn: #F5A524;
  --warn-text: #F5A524;
  --warn-soft: rgb(245 165 36 / 0.14);
  --warn-line: rgb(245 165 36 / 0.4);
  --alert-text: #F0636A;
  --alert-fill: #E5484D;
  --on-alert: #0F1115;
  --alert-soft: rgb(229 72 77 / 0.14);
  --focus: #22C55E;
  --code-bg: #121317;
  --nav-bg: rgb(10 11 14 / 0.8);
  --frost-bg: rgb(18 19 23 / 0.66);
  --glass: rgb(23 24 29 / 0.52);
  --glass-strong: rgb(16 17 21 / 0.62);
  --glass-edge: rgb(255 255 255 / 0.085);
  --glass-hi: rgb(255 255 255 / 0.11);
  --glass-sheen: rgb(255 255 255 / 0.04);
  --glass-menu: rgb(23 24 29 / 0.94);
  --card-shadow: 0px 22px 44px -26px rgb(0 0 0 / 0.65);
  --card-halo: 0px 22px 54px -18px rgb(0 0 0 / 0.7), 0px 0px 80px -10px rgb(0 0 0 / 0.45);
  --chart-2: #3987E5;
  --chart-3: #D95926;
  --chart-4: #9085E9;
  --chart-seq-1: #0B4A2A;
  --chart-seq-2: #0E7A44;
  --chart-seq-3: #12B76A;
  --chart-seq-4: #4ADE80;
  --chart-seq-5: #A7F3C7;
  --btn-shadow: 0px 1px 2px 0px rgb(0 0 0 / 0.35), 0px 10px 26px -12px rgb(34 197 94 / 0.38);
  --btn-primary-bg: #22C55E;
  --btn-primary-hover-bg: #12B76A;
  --btn-secondary-bg: #17181D;
  --btn-secondary-fg: #F2F4F8;
  --btn-secondary-line: #262A31;
  --btn-danger-fg: #F0636A;
  --btn-danger-line: #F0636A;
  --btn-danger-hover-bg: rgb(229 72 77 / 0.14);
  --btn-link-fg: #22C55E;
  --card-bg: #17181D;
  --card-line: #262A31;
  --field-bg: #17181D;
  --field-fg: #F2F4F8;
  --field-line: #6B7482;
  --field-focus: #22C55E;
  color-scheme: dark;
}

@media (prefers-contrast: more) {
  :root:not([data-contrast="normal"]) {
    --fg: #000000;
    --muted: #374151;
    --faint: #374151;
    --line: #000000;
    --line-2: #374151;
    --field-line: #000000;
    --accent-text: #067647;
    --accent-soft: #FFFFFF;
    --accent-line: #067647;
    --accent-glow: rgb(255 255 255 / 0);
    --btn-glow: rgb(255 255 255 / 0);
    --cta-glow: rgb(255 255 255 / 0);
    --ok-text: #067647;
    --focus: #000000;
    --nav-bg: #FFFFFF;
    --frost-bg: #FFFFFF;
    --glass: #FFFFFF;
    --glass-strong: #FFFFFF;
    --glass-edge: #000000;
    --glass-hi: #FFFFFF;
    --glass-sheen: rgb(255 255 255 / 0);
    --glass-menu: #FFFFFF;
    --glass-blur: 0px;
    --card-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0);
    --card-halo: 0px 0px 0px 0px rgb(0 0 0 / 0);
    --btn-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0);
    --btn-secondary-fg: #000000;
    --btn-secondary-line: #000000;
    --btn-link-fg: #067647;
    --card-line: #000000;
    --field-fg: #000000;
    --field-line: #000000;
    --field-focus: #000000;
  }
  :root[data-theme="dark"]:not([data-contrast="normal"]) {
    --bg: #000000;
    --bg-2: #000000;
    --surface: #000000;
    --surface-2: #000000;
    --ink: #08090A;
    --fg: #FFFFFF;
    --muted: #D1D5DB;
    --faint: #D1D5DB;
    --line: #FFFFFF;
    --line-2: #D1D5DB;
    --field-line: #FFFFFF;
    --accent: #12B76A;
    --accent-ink: #0E9355;
    --accent-text: #4ADE80;
    --accent-soft: #000000;
    --accent-line: #4ADE80;
    --accent-glow: rgb(255 255 255 / 0);
    --btn-glow: rgb(255 255 255 / 0);
    --cta-glow: rgb(255 255 255 / 0);
    --ok: #12B76A;
    --ok-text: #4ADE80;
    --warn: #D97706;
    --warn-soft: rgb(217 119 6 / 0.12);
    --warn-line: rgb(217 119 6 / 0.38);
    --alert-fill: #C72C33;
    --on-alert: #FFFFFF;
    --alert-soft: rgb(229 72 77 / 0.1);
    --focus: #FFFFFF;
    --code-bg: #000000;
    --nav-bg: #000000;
    --frost-bg: #000000;
    --glass: #000000;
    --glass-strong: #000000;
    --glass-edge: #FFFFFF;
    --glass-hi: #000000;
    --glass-sheen: rgb(255 255 255 / 0);
    --glass-menu: #000000;
    --glass-blur: 0px;
    --card-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0);
    --card-halo: 0px 0px 0px 0px rgb(0 0 0 / 0);
    --chart-2: #2A78D6;
    --chart-3: #EB6834;
    --chart-4: #6250D6;
    --chart-seq-1: #D6F5E6;
    --chart-seq-2: #8FE0B8;
    --chart-seq-3: #3EC383;
    --chart-seq-4: #0E9355;
    --chart-seq-5: #065A33;
    --btn-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0);
    --btn-primary-bg: #12B76A;
    --btn-primary-hover-bg: #0E9355;
    --btn-secondary-bg: #000000;
    --btn-secondary-fg: #FFFFFF;
    --btn-secondary-line: #FFFFFF;
    --btn-danger-hover-bg: rgb(229 72 77 / 0.1);
    --btn-link-fg: #4ADE80;
    --card-bg: #000000;
    --card-line: #FFFFFF;
    --field-bg: #000000;
    --field-fg: #FFFFFF;
    --field-line: #FFFFFF;
    --field-focus: #FFFFFF;
  }
}

:root[data-contrast="more"] {
  --fg: #000000;
  --muted: #374151;
  --faint: #374151;
  --line: #000000;
  --line-2: #374151;
  --field-line: #000000;
  --accent-text: #067647;
  --accent-soft: #FFFFFF;
  --accent-line: #067647;
  --accent-glow: rgb(255 255 255 / 0);
  --btn-glow: rgb(255 255 255 / 0);
  --cta-glow: rgb(255 255 255 / 0);
  --ok-text: #067647;
  --focus: #000000;
  --nav-bg: #FFFFFF;
  --frost-bg: #FFFFFF;
  --glass: #FFFFFF;
  --glass-strong: #FFFFFF;
  --glass-edge: #000000;
  --glass-hi: #FFFFFF;
  --glass-sheen: rgb(255 255 255 / 0);
  --glass-menu: #FFFFFF;
  --glass-blur: 0px;
  --card-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0);
  --card-halo: 0px 0px 0px 0px rgb(0 0 0 / 0);
  --btn-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0);
  --btn-secondary-fg: #000000;
  --btn-secondary-line: #000000;
  --btn-link-fg: #067647;
  --card-line: #000000;
  --field-fg: #000000;
  --field-line: #000000;
  --field-focus: #000000;
}

:root[data-contrast="more"][data-theme="dark"] {
  --bg: #000000;
  --bg-2: #000000;
  --surface: #000000;
  --surface-2: #000000;
  --ink: #08090A;
  --fg: #FFFFFF;
  --muted: #D1D5DB;
  --faint: #D1D5DB;
  --line: #FFFFFF;
  --line-2: #D1D5DB;
  --field-line: #FFFFFF;
  --accent: #12B76A;
  --accent-ink: #0E9355;
  --accent-text: #4ADE80;
  --accent-soft: #000000;
  --accent-line: #4ADE80;
  --accent-glow: rgb(255 255 255 / 0);
  --btn-glow: rgb(255 255 255 / 0);
  --cta-glow: rgb(255 255 255 / 0);
  --ok: #12B76A;
  --ok-text: #4ADE80;
  --warn: #D97706;
  --warn-soft: rgb(217 119 6 / 0.12);
  --warn-line: rgb(217 119 6 / 0.38);
  --alert-fill: #C72C33;
  --on-alert: #FFFFFF;
  --alert-soft: rgb(229 72 77 / 0.1);
  --focus: #FFFFFF;
  --code-bg: #000000;
  --nav-bg: #000000;
  --frost-bg: #000000;
  --glass: #000000;
  --glass-strong: #000000;
  --glass-edge: #FFFFFF;
  --glass-hi: #000000;
  --glass-sheen: rgb(255 255 255 / 0);
  --glass-menu: #000000;
  --glass-blur: 0px;
  --card-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0);
  --card-halo: 0px 0px 0px 0px rgb(0 0 0 / 0);
  --chart-2: #2A78D6;
  --chart-3: #EB6834;
  --chart-4: #6250D6;
  --chart-seq-1: #D6F5E6;
  --chart-seq-2: #8FE0B8;
  --chart-seq-3: #3EC383;
  --chart-seq-4: #0E9355;
  --chart-seq-5: #065A33;
  --btn-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0);
  --btn-primary-bg: #12B76A;
  --btn-primary-hover-bg: #0E9355;
  --btn-secondary-bg: #000000;
  --btn-secondary-fg: #FFFFFF;
  --btn-secondary-line: #FFFFFF;
  --btn-danger-hover-bg: rgb(229 72 77 / 0.1);
  --btn-link-fg: #4ADE80;
  --card-bg: #000000;
  --card-line: #FFFFFF;
  --field-bg: #000000;
  --field-fg: #FFFFFF;
  --field-line: #FFFFFF;
  --field-focus: #FFFFFF;
}

/* Forced colours (Windows High Contrast): the system palette wins; keep the ring and lines visible. */
@media (forced-colors: active) {
  :root {
    --focus: Highlight; --line: CanvasText; --line-2: CanvasText; --field-line: CanvasText;
    --accent-text: LinkText; --alert-text: CanvasText; --warn-text: CanvasText; --glass-blur: 0px;
  }
}