/* UPAN design tokens v0.1.1 — mirror of tokens.json (generator was not handed over); change both together */
@import url('../fonts/fonts.css');
:root{
  --upan-neutral-0: oklch(0.985 0.003 85); /* #fbfaf8 */
  --upan-neutral-50: oklch(0.965 0.004 85); /* #f5f3f0 */
  --upan-neutral-100: oklch(0.93 0.004 85); /* #e9e8e5 */
  --upan-neutral-200: oklch(0.88 0.006 85); /* #d9d7d3 */
  --upan-neutral-300: oklch(0.8 0.006 85); /* #bfbdb9 */
  --upan-neutral-400: oklch(0.66 0.008 85); /* #94928d */
  --upan-neutral-500: oklch(0.55 0.009 85); /* #74716c */
  --upan-neutral-600: oklch(0.45 0.01 85); /* #58554f */
  --upan-neutral-700: oklch(0.35 0.01 85); /* #3d3a35 */
  --upan-neutral-800: oklch(0.27 0.009 85); /* #282622 */
  --upan-neutral-850: oklch(0.24 0.008 85); /* #211f1b */
  --upan-neutral-900: oklch(0.21 0.01 85); /* #1a1813 */
  --upan-neutral-950: oklch(0.19 0.008 85); /* #151410 */
  --upan-neutral-1000: oklch(0.15 0.006 85); /* #0c0b08 */
  --upan-cobalt-100: oklch(0.94 0.03 262); /* #e0ecff */
  --upan-cobalt-300: oklch(0.8 0.1 262); /* #9bbeff */
  --upan-cobalt-400: oklch(0.72 0.13 262); /* #77a4f6 */
  --upan-cobalt-600: oklch(0.5 0.17 262); /* #285cc2 */
  --upan-cobalt-700: oklch(0.42 0.16 262); /* #1545a2 */
  --upan-cobalt-900: oklch(0.28 0.08 262); /* #122750 */
  --upan-green-600: oklch(0.5 0.12 150); /* #21763c */
  --upan-green-400: oklch(0.74 0.13 150); /* #69c27e */
  --upan-amber-500: oklch(0.74 0.15 75); /* #e19b1b */
  --upan-amber-700: oklch(0.5 0.11 70); /* #8a5600 */
  --upan-red-600: oklch(0.55 0.2 27); /* #cc2827 */
  --upan-red-400: oklch(0.7 0.16 25); /* #f2716a */
  --upan-led-cyan: oklch(0.8 0.12 200); /* #43d5dc */
  --upan-led-violet: oklch(0.68 0.15 300); /* #a780e6 */
  --upan-led-white: oklch(0.98 0 0); /* #f8f8f8 */
  --upan-font-sans: 'Archivo', system-ui, sans-serif;
  --upan-font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --upan-type-display: 800 72px/1 var(--upan-font-sans);
  --upan-type-h1: 800 56px/1.05 var(--upan-font-sans);
  --upan-type-h2: 800 40px/1.1 var(--upan-font-sans);
  --upan-type-h3: 700 28px/1.2 var(--upan-font-sans);
  --upan-type-h4: 700 22px/1.3 var(--upan-font-sans);
  --upan-type-body-l: 400 18px/1.55 var(--upan-font-sans);
  --upan-type-body: 400 16px/1.55 var(--upan-font-sans);
  --upan-type-small: 400 14px/1.5 var(--upan-font-sans);
  --upan-type-caption: 500 12px/1.4 var(--upan-font-sans);
  --upan-type-mono-l: 500 20px/1.4 var(--upan-font-mono);
  --upan-type-mono: 400 15px/1.5 var(--upan-font-mono);
  --upan-space-0: 0px;
  --upan-space-1: 4px;
  --upan-space-2: 8px;
  --upan-space-3: 12px;
  --upan-space-4: 16px;
  --upan-space-5: 24px;
  --upan-space-6: 32px;
  --upan-space-7: 48px;
  --upan-space-8: 64px;
  --upan-space-9: 96px;
  --upan-space-10: 128px;
  --upan-radius-none: 0px;
  --upan-radius-xs: 2px;
  --upan-radius-sm: 4px;
  --upan-radius-md: 8px;
  --upan-radius-pill: 999px;
  --upan-shadow-sm: 0 1px 2px oklch(0 0 0 / 0.08);
  --upan-shadow-md: 0 6px 24px oklch(0 0 0 / 0.12);
  --upan-ease-axis: cubic-bezier(0.45, 0, 0.55, 1);
  --upan-ease-axis-out: cubic-bezier(0.25, 0, 0.35, 1);
  --upan-dur-fast: 120ms;
  --upan-dur-base: 200ms;
  --upan-dur-slow: 320ms;
  --upan-dur-move: 900ms;
}
:root,[data-theme="light"]{
  color-scheme: light;
  --upan-bg: var(--upan-neutral-0);
  --upan-surface: var(--upan-neutral-50);
  --upan-surface-2: var(--upan-neutral-100);
  --upan-line: var(--upan-neutral-200);
  --upan-line-strong: var(--upan-neutral-300);
  --upan-text: var(--upan-neutral-900);
  --upan-text-muted: var(--upan-neutral-600);
  --upan-accent: var(--upan-cobalt-600);
  --upan-accent-hover: var(--upan-cobalt-700);
  --upan-on-accent: var(--upan-neutral-0);
  --upan-accent-tint: var(--upan-cobalt-100);
  --upan-focus: var(--upan-cobalt-600);
  --upan-success: var(--upan-green-600);
  --upan-warning: var(--upan-amber-700);
  --upan-warning-fill: var(--upan-amber-500);
  --upan-on-warning-fill: var(--upan-neutral-1000);
  --upan-error: var(--upan-red-600);
  --upan-on-error: var(--upan-neutral-0);
  --upan-info: var(--upan-neutral-600);
}
[data-theme="dark"]{
  color-scheme: dark;
  --upan-bg: var(--upan-neutral-950);
  --upan-surface: var(--upan-neutral-850);
  --upan-surface-2: var(--upan-neutral-800);
  --upan-line: var(--upan-neutral-700);
  --upan-line-strong: var(--upan-neutral-600);
  --upan-text: var(--upan-neutral-50);
  --upan-text-muted: var(--upan-neutral-400);
  --upan-accent: var(--upan-cobalt-400);
  --upan-accent-hover: var(--upan-cobalt-300);
  --upan-on-accent: var(--upan-neutral-1000);
  --upan-accent-tint: var(--upan-cobalt-900);
  --upan-focus: var(--upan-cobalt-400);
  --upan-success: var(--upan-green-400);
  --upan-warning: var(--upan-amber-500);
  --upan-warning-fill: var(--upan-amber-500);
  --upan-on-warning-fill: var(--upan-neutral-1000);
  --upan-error: var(--upan-red-400);
  --upan-on-error: var(--upan-neutral-1000);
  --upan-info: var(--upan-neutral-400);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  color-scheme: dark;
  --upan-bg: var(--upan-neutral-950);
  --upan-surface: var(--upan-neutral-850);
  --upan-surface-2: var(--upan-neutral-800);
  --upan-line: var(--upan-neutral-700);
  --upan-line-strong: var(--upan-neutral-600);
  --upan-text: var(--upan-neutral-50);
  --upan-text-muted: var(--upan-neutral-400);
  --upan-accent: var(--upan-cobalt-400);
  --upan-accent-hover: var(--upan-cobalt-300);
  --upan-on-accent: var(--upan-neutral-1000);
  --upan-accent-tint: var(--upan-cobalt-900);
  --upan-focus: var(--upan-cobalt-400);
  --upan-success: var(--upan-green-400);
  --upan-warning: var(--upan-amber-500);
  --upan-warning-fill: var(--upan-amber-500);
  --upan-on-warning-fill: var(--upan-neutral-1000);
  --upan-error: var(--upan-red-400);
  --upan-on-error: var(--upan-neutral-1000);
  --upan-info: var(--upan-neutral-400);
}}
@media (prefers-reduced-motion: reduce){:root{--upan-dur-fast:0ms;--upan-dur-base:0ms;--upan-dur-slow:0ms;--upan-dur-move:0ms}}