/* Ruimtemeesters Holding design tokens — AUTO-GENERATED. Edit seeds + run `npm run build`. */
/* Brand: Ruimtemeesters — Kleine acties. Grote impact. */
:root {
  /* ===== Ramps (primitive) ===== */
  --brand-50: #F5F7FC;
  --brand-100: #EBEFF9;
  --brand-200: #CAD7F9;
  --brand-300: #94B2FF;
  --brand-400: #5C8AFF;
  --brand-500: #2462FF;
  --brand-600: #0046F7;
  --brand-700: #003ACC;
  --brand-800: #002EA3;
  --brand-900: #00237D;
  --brand-950: #041A50;
  --accent-50: #FCF8F5;
  --accent-100: #F9F1EC;
  --accent-200: #F7DCCD;
  --accent-300: #FABE99;
  --accent-400: #F79B64;
  --accent-500: #F37021;
  --accent-600: #EB600D;
  --accent-700: #C24F0A;
  --accent-800: #983E08;
  --accent-900: #773106;
  --accent-950: #4C2208;
  --neutral-50: #F7F4EF;
  --neutral-100: #F2F2F3;
  --neutral-200: #E0E0E3;
  --neutral-300: #C7C7CC;
  --neutral-400: #A9A9B1;
  --neutral-500: #8C8C97;
  --neutral-600: #757582;
  --neutral-700: #61616B;
  --neutral-800: #4C4C54;
  --neutral-900: #3B3B42;
  --neutral-950: #161620;
  --success-50: #F6FBF8;
  --success-100: #EDF8F1;
  --success-200: #D0F4DD;
  --success-300: #A1F2BF;
  --success-400: #6FEC9D;
  --success-500: #3EE57B;
  --success-600: #1DDA63;
  --success-700: #16A34A;
  --success-800: #138E40;
  --success-900: #0F6E32;
  --success-950: #0D4723;
  --warning-50: #FCF9F5;
  --warning-100: #F9F3EC;
  --warning-200: #F8E3CB;
  --warning-300: #FCCD97;
  --warning-400: #FBB360;
  --warning-500: #F9992A;
  --warning-600: #F18407;
  --warning-700: #D97706;
  --warning-800: #9C5604;
  --warning-900: #7A4303;
  --warning-950: #4E2D06;
  --danger-50: #FBF6F6;
  --danger-100: #F7EDED;
  --danger-200: #F3D1D1;
  --danger-300: #F0A3A3;
  --danger-400: #E87272;
  --danger-500: #E14242;
  --danger-600: #DC2626;
  --danger-700: #B01C1C;
  --danger-800: #8A1616;
  --danger-900: #6C1111;
  --danger-950: #450F0F;
  --info-50: #F6F8FC;
  --info-100: #ECF0F8;
  --info-200: #CEDAF5;
  --info-300: #9DB9F6;
  --info-400: #6A94F1;
  --info-500: #2563EB;
  --info-600: #1555E3;
  --info-700: #1146BB;
  --info-800: #0E3793;
  --info-900: #0B2B72;
  --info-950: #0B1E4A;
  /* ===== Data-viz / categorical ===== */
  --cat-1: #002EA3;
  --cat-2: #F37021;
  --cat-3: #7F00FF;
  --cat-4: #9C885C;
  --cat-5: #C3D7C1;
  --cat-6: #161620;
  --chart-grid: var(--border);
  --chart-axis: var(--muted-foreground);
  /* ===== Named brand colours (Klein Functional) ===== */
  --canvas: #FBFAF8;
  --paper-deep: #EFEADD;
  --rule: #C7C2B5;
  --rule-soft: #ECE7DA;
  --ink-soft: #2B2B36;
  --ink-muted: #55505F;
  --klein-deep: #001E6D;
  --klein-muted: #6682C8;
  --klein-tint: #EAF0FB;
  --pumpkin-deep: #C45712;
  --forest: #2D8659;
  --forest-deep: #2D6A4F;
  /* ===== Spacing ===== */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-40: 10rem;
  --space-px: 1px;
  --space-0-5: 0.125rem;
  --space-1-5: 0.375rem;
  --space-2-5: 0.625rem;
  --space-3-5: 0.875rem;
  /* ===== Radius ===== */
  --radius-none: 0;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;
  --radius: var(--radius-md);
  /* ===== Border width ===== */
  --border-w-0: 0;
  --border-w-1: 1px;
  --border-w-2: 2px;
  --border-w-4: 4px;
  /* ===== Font size ===== */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;
  /* ===== Line height ===== */
  --leading-none: 1;
  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
  /* ===== Letter spacing ===== */
  --tracking-tighter: -0.02em;
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-wider: 0.06em;
  --tracking-widest: 0.14em;
  /* ===== Font weight ===== */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  /* ===== Font families ===== */
  --font-heading: 'Jost', 'Futura', 'Century Gothic', sans-serif;
  --font-body: 'Jost', 'Futura', 'Century Gothic', sans-serif;
  --font-serif: 'Abhaya Libre', Georgia, serif;
  --font-mono: ui-monospace, 'SF Mono', 'JetBrains Mono', 'Fira Code', Menlo, Consolas, monospace;
  /* ===== Shadow ===== */
  --shadow-xs: 0 1px 1px 0 rgb(0 0 0 / 0.04);
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.06);
  --shadow-md: 0 4px 8px -2px rgb(0 0 0 / 0.10), 0 2px 4px -2px rgb(0 0 0 / 0.06);
  --shadow-lg: 0 12px 20px -4px rgb(0 0 0 / 0.12), 0 4px 8px -4px rgb(0 0 0 / 0.08);
  --shadow-xl: 0 24px 40px -8px rgb(0 0 0 / 0.18);
  --shadow-focus: 0 0 0 3px;
  /* ===== Motion duration ===== */
  --duration-instant: 0ms;
  --duration-fast: 120ms;
  --duration-normal: 200ms;
  --duration-slow: 320ms;
  /* ===== Motion easing ===== */
  --ease-linear: linear;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  /* ===== Blur ===== */
  --blur-sm: 4px;
  --blur-md: 8px;
  --blur-lg: 16px;
  /* ===== Opacity ===== */
  --opacity-0: 0;
  --opacity-100: 1;
  --opacity-muted: 0.6;
  --opacity-disabled: 0.5;
  --opacity-hover: 0.08;
  --opacity-pressed: 0.16;
  /* ===== Z-index ===== */
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 1100;
  --z-dropdown: 1200;
  --z-overlay: 1300;
  --z-drawer: 1350;
  --z-modal: 1400;
  --z-popover: 1500;
  --z-toast: 1600;
  --z-tooltip: 1700;
  /* ===== Container ===== */
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1180px;
  --container-prose: 68ch;
  /* ===== Component knobs ===== */
  --navbar-height: 4rem;
  --sidebar-width: 15rem;
  --focus-ring-width: 2px;
  --focus-ring-offset: 2px;
  --control-height-sm: 2rem;
  --control-height: 2.5rem;
  --control-height-lg: 3rem;
  /* ===== Semantic (light) ===== */
  --background: #F7F4EF;
  --foreground: #3B3B42;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-sunken: #F2F2F3;
  --overlay: rgb(15 15 20 / 0.55);
  --card: #FFFFFF;
  --card-foreground: #3B3B42;
  --popover: #FFFFFF;
  --popover-foreground: #3B3B42;
  --muted: #F2F2F3;
  --muted-foreground: #61616B;
  --primary: #002EA3;
  --primary-foreground: #FFFFFF;
  --primary-hover: #002A96;
  --primary-active: #002789;
  --secondary: #F2F2F3;
  --secondary-foreground: #3B3B42;
  --secondary-hover: #E0E0E3;
  --accent: #F37021;
  --accent-foreground: #0B0B0F;
  --accent-hover: #E0671E;
  --destructive: #DC2626;
  --destructive-foreground: #FFFFFF;
  --success: #1DDA63;
  --success-foreground: #0B0B0F;
  --warning: #D97706;
  --warning-foreground: #0B0B0F;
  --info: #1555E3;
  --info-foreground: #FFFFFF;
  --border: #E0E0E3;
  --border-strong: #C7C7CC;
  --input: #C7C7CC;
  --ring: #002EA3;
  color-scheme: light;
}

.dark {
  /* ===== Semantic (dark) ===== */
  --background: #161620;
  --foreground: #F7F4EF;
  --surface: #3B3B42;
  --surface-raised: #4C4C54;
  --surface-sunken: #000000;
  --overlay: rgb(0 0 0 / 0.65);
  --card: #3B3B42;
  --card-foreground: #F7F4EF;
  --popover: #4C4C54;
  --popover-foreground: #F7F4EF;
  --muted: #4C4C54;
  --muted-foreground: #C7C7CC;
  --primary: #5C8AFF;
  --primary-foreground: #0B0B0F;
  --primary-hover: #6993FF;
  --primary-active: #769DFF;
  --secondary: #4C4C54;
  --secondary-foreground: #F7F4EF;
  --secondary-hover: #61616B;
  --accent: #F37021;
  --accent-foreground: #0B0B0F;
  --accent-hover: #F47B33;
  --destructive: #E14242;
  --destructive-foreground: #0B0B0F;
  --success: #3EE57B;
  --success-foreground: #0B0B0F;
  --warning: #FBB360;
  --warning-foreground: #0B0B0F;
  --info: #6A94F1;
  --info-foreground: #0B0B0F;
  --border: #4C4C54;
  --border-strong: #61616B;
  --input: #61616B;
  --ring: #5C8AFF;
  color-scheme: dark;
}

/* Honour OS preference when no explicit .light/.dark class is set. */
@media (prefers-color-scheme: dark) {
  :root:not(.light):not(.dark) {
    --background: #161620;
    --foreground: #F7F4EF;
    --surface: #3B3B42;
    --surface-raised: #4C4C54;
    --surface-sunken: #000000;
    --overlay: rgb(0 0 0 / 0.65);
    --card: #3B3B42;
    --card-foreground: #F7F4EF;
    --popover: #4C4C54;
    --popover-foreground: #F7F4EF;
    --muted: #4C4C54;
    --muted-foreground: #C7C7CC;
    --primary: #5C8AFF;
    --primary-foreground: #0B0B0F;
    --primary-hover: #6993FF;
    --primary-active: #769DFF;
    --secondary: #4C4C54;
    --secondary-foreground: #F7F4EF;
    --secondary-hover: #61616B;
    --accent: #F37021;
    --accent-foreground: #0B0B0F;
    --accent-hover: #F47B33;
    --destructive: #E14242;
    --destructive-foreground: #0B0B0F;
    --success: #3EE57B;
    --success-foreground: #0B0B0F;
    --warning: #FBB360;
    --warning-foreground: #0B0B0F;
    --info: #6A94F1;
    --info-foreground: #0B0B0F;
    --border: #4C4C54;
    --border-strong: #61616B;
    --input: #61616B;
    --ring: #5C8AFF;
    color-scheme: dark;
  }
}