/* VAIEV UI v8 — tokens. Generated by v8/scripts/build-tokens.mjs from v8/tokens/tokens.json; for wouf.dev only the base
   and the wouf brand are kept.
   Base tokens on :root; the brand is [data-brand="wouf"]. It follows the system colour scheme;
   data-theme="light" or "dark" on the same element fixes it. */

:root {
  color-scheme: light dark;
  --shape-none: 0px;
  --shape-xs: 4px;
  --shape-s: 8px;
  --shape-m: 12px;
  --shape-l: 16px;
  --shape-l-inc: 20px;
  --shape-xl: 28px;
  --shape-xl-inc: 32px;
  --shape-xxl: 48px;
  --shape-squircle: 14px;
  --shape-full: 9999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --size-target: 48px;
  --size-bar: 64px;
  --size-bar-item: 48px;
  --size-fab: 56px;
  --size-rail: 80px;
  --size-chip: 32px;
  --size-float-gap: 16px;
  --size-read: 640px;
  --font-plex: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --font-plex-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-display-l: clamp(44px, 7vw + 12px, 88px);
  --fs-display-m: clamp(36px, 4.5vw + 12px, 60px);
  --fs-display-s: clamp(30px, 2.5vw + 14px, 44px);
  --fs-headline-l: 32px;
  --fs-headline-m: 28px;
  --fs-headline-s: 24px;
  --fs-title-l: 22px;
  --fs-title-m: 17px;
  --fs-title-s: 15px;
  --fs-body-l: 17px;
  --fs-body-m: 15px;
  --fs-body-s: 13px;
  --fs-label-l: 14px;
  --fs-label-m: 12px;
  --fs-label-s: 11px;
  --lens-blur: 22px;
  --lens-sat: 1.6;
  --plate-alpha: 0.94;
  --plate-blur: 14px;
  --meta-alpha: 0.84;
  --spring-spatial-fast: linear(0, 0.0274, 0.0985, 0.1984, 0.3147, 0.4369, 0.5573, 0.67, 0.7711, 0.8582, 0.9305, 0.988, 1.0313, 1.062, 1.0816, 1.0919, 1.0948, 1.092, 1.0851, 1.0755, 1.0645, 1.0529, 1.0415, 1.0309, 1.0213, 1.0131, 1.0063, 1.0009, 0.9969, 0.994, 0.9922, 0.9913, 0.991, 0.9913, 0.992, 0.9929, 0.9939, 0.995, 0.9961, 0.9971, 1);
  --dur-spatial-fast: 348ms;
  --spring-spatial: linear(0, 0.0181, 0.065, 0.1311, 0.2089, 0.2925, 0.3775, 0.4605, 0.5392, 0.6122, 0.6784, 0.7375, 0.7893, 0.8342, 0.8724, 0.9045, 0.9311, 0.9527, 0.9701, 0.9836, 0.9941, 1.0018, 1.0074, 1.0112, 1.0135, 1.0148, 1.0152, 1.0149, 1.0142, 1.0133, 1.0121, 1.0108, 1.0095, 1.0083, 1.0071, 1.006, 1.005, 1.004, 1.0033, 1.0026, 1);
  --dur-spatial: 412ms;
  --spring-spatial-slow: linear(0, 0.0181, 0.065, 0.1311, 0.209, 0.2926, 0.3776, 0.4606, 0.5393, 0.6123, 0.6785, 0.7376, 0.7894, 0.8343, 0.8725, 0.9046, 0.9312, 0.9528, 0.9701, 0.9837, 0.9941, 1.0018, 1.0074, 1.0112, 1.0135, 1.0148, 1.0152, 1.0149, 1.0142, 1.0133, 1.0121, 1.0108, 1.0095, 1.0083, 1.0071, 1.006, 1.0049, 1.004, 1.0032, 1.0026, 1);
  --dur-spatial-slow: 568ms;
  --spring-effects-fast: linear(0, 0.0197, 0.0685, 0.1346, 0.2095, 0.2875, 0.3647, 0.4384, 0.5072, 0.5702, 0.6272, 0.6781, 0.7232, 0.7628, 0.7975, 0.8275, 0.8535, 0.8758, 0.895, 0.9114, 0.9253, 0.9372, 0.9472, 0.9558, 0.9629, 0.969, 0.9741, 0.9784, 0.982, 0.985, 0.9875, 0.9896, 0.9914, 0.9928, 0.994, 0.9951, 0.9959, 0.9966, 0.9972, 0.9977, 1);
  --dur-effects-fast: 138ms;
  --spring-effects: linear(0, 0.0195, 0.0681, 0.1339, 0.2086, 0.2863, 0.3632, 0.4368, 0.5055, 0.5685, 0.6255, 0.6765, 0.7216, 0.7613, 0.796, 0.8262, 0.8522, 0.8747, 0.894, 0.9105, 0.9245, 0.9365, 0.9466, 0.9552, 0.9624, 0.9686, 0.9737, 0.978, 0.9817, 0.9847, 0.9873, 0.9894, 0.9912, 0.9927, 0.9939, 0.995, 0.9958, 0.9965, 0.9971, 0.9976, 1);
  --dur-effects: 212ms;
  --spring-effects-slow: linear(0, 0.0196, 0.0682, 0.134, 0.2087, 0.2865, 0.3635, 0.4371, 0.5058, 0.5689, 0.6258, 0.6768, 0.7219, 0.7616, 0.7963, 0.8264, 0.8525, 0.8749, 0.8942, 0.9106, 0.9247, 0.9366, 0.9467, 0.9553, 0.9625, 0.9686, 0.9738, 0.9781, 0.9817, 0.9848, 0.9873, 0.9894, 0.9912, 0.9927, 0.9939, 0.995, 0.9958, 0.9965, 0.9971, 0.9976, 1);
  --dur-effects-slow: 300ms;
}

/* wouf */
[data-brand="wouf"] {
  color-scheme: light;
  --font-display: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --font-ui: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --display-weight: 400;
  --error: oklch(0.50 0.17 25);
  --ok: oklch(0.47 0.10 150);
  --warn: oklch(0.52 0.11 70);
  --surface: oklch(0.96 0.004 270);
  --surface-container-low: oklch(0.98 0.003 270);
  --surface-container: oklch(0.995 0.002 270);
  --surface-container-high: oklch(1 0 0);
  --on-surface: oklch(0.20 0.012 270);
  --on-surface-variant: oklch(0.44 0.02 270);
  --outline-variant: oklch(0.20 0.012 270 / 0.12);
  --primary: oklch(0.47 0.18 268);
  --on-primary: oklch(0.99 0 0);
  --lens: oklch(0.995 0.002 270 / 0.6);
  --lens-rim: oklch(1 0 0 / 0.8);
  --field-1: oklch(0.86 0.06 268 / 0.7);
  --field-2: oklch(0.90 0.04 200 / 0.6);
  --field-3: oklch(0.92 0.03 300 / 0.6);
  --indicator: oklch(0.47 0.18 268);
  --on-indicator: oklch(0.99 0 0);
}
@media (prefers-color-scheme: dark) {
  [data-brand="wouf"]:not([data-theme="light"]) {
    color-scheme: dark;
    --error: oklch(0.80 0.11 25);
    --ok: oklch(0.82 0.10 150);
    --warn: oklch(0.85 0.11 80);
    --surface: oklch(0.155 0.01 270);
    --surface-container-low: oklch(0.19 0.012 270);
    --surface-container: oklch(0.22 0.012 270);
    --surface-container-high: oklch(0.26 0.014 270);
    --on-surface: oklch(0.95 0.005 270);
    --on-surface-variant: oklch(0.76 0.015 270);
    --outline-variant: oklch(0.95 0.005 270 / 0.12);
    --primary: oklch(0.74 0.14 268);
    --on-primary: oklch(0.20 0.06 268);
    --lens: oklch(0.28 0.02 270 / 0.55);
    --lens-rim: oklch(1 0 0 / 0.14);
    --field-1: oklch(0.45 0.14 268 / 0.45);
    --field-2: oklch(0.40 0.06 200 / 0.4);
    --field-3: oklch(0.35 0.04 300 / 0.4);
    --indicator: oklch(0.74 0.14 268);
    --on-indicator: oklch(0.20 0.06 268);
  }
}
[data-brand="wouf"][data-theme="dark"] {
  color-scheme: dark;
  --error: oklch(0.80 0.11 25);
  --ok: oklch(0.82 0.10 150);
  --warn: oklch(0.85 0.11 80);
  --surface: oklch(0.155 0.01 270);
  --surface-container-low: oklch(0.19 0.012 270);
  --surface-container: oklch(0.22 0.012 270);
  --surface-container-high: oklch(0.26 0.014 270);
  --on-surface: oklch(0.95 0.005 270);
  --on-surface-variant: oklch(0.76 0.015 270);
  --outline-variant: oklch(0.95 0.005 270 / 0.12);
  --primary: oklch(0.74 0.14 268);
  --on-primary: oklch(0.20 0.06 268);
  --lens: oklch(0.28 0.02 270 / 0.55);
  --lens-rim: oklch(1 0 0 / 0.14);
  --field-1: oklch(0.45 0.14 268 / 0.45);
  --field-2: oklch(0.40 0.06 200 / 0.4);
  --field-3: oklch(0.35 0.04 300 / 0.4);
  --indicator: oklch(0.74 0.14 268);
  --on-indicator: oklch(0.20 0.06 268);
}