/*
 * GENERATED FILE — DO NOT EDIT DIRECTLY.
 * Source: resources/design-tokens/victoria-marine-v12.tokens.json
 * Generator: tools/build_design_tokens.php
 * Reference: Victoria Marine v12
 */
:root {
  --color-bg: #f6f7fb;
  --color-border: #e3e5ed;
  --color-border-strong: #d2d5df;
  --color-brand-100: #dbe6f0;
  --color-brand-200: #b8cadb;
  --color-brand-300: #8eabc3;
  --color-brand-400: #5f829f;
  --color-brand-50: #eef3f8;
  --color-brand-500: #365b78;
  --color-brand-600: #244760;
  --color-brand-700: #18364c;
  --color-brand-800: #11293b;
  --color-brand-900: #0a1d2c;
  --color-danger-50: #fff0f1;
  --color-danger-600: #c33243;
  --color-focus: #7b6cff;
  --color-success-50: #ecfdf3;
  --color-success-600: #14804a;
  --color-surface: #ffffff;
  --color-surface-elevated: rgba(255,255,255,.94);
  --color-surface-subtle: #fafafe;
  --color-text: #171925;
  --color-text-muted: #696c7c;
  --color-text-soft: #737789;
  --color-warning-50: #fff8e7;
  --color-warning-600: #a55b00;
  --font-mono: "SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --font-sans: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-pill: 999px;
  --radius-sm: 10px;
  --shadow-md: 0 14px 34px rgba(30,31,50,.14);
  --shadow-sm: 0 2px 8px rgba(31,32,51,.05);
  --sidebar-collapsed: 80px;
  --sidebar-width: 248px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --topbar-height: 64px;
  --touch-target-min: 44px;
  --transition-fast: 160ms ease;
  --transition-med: 260ms ease;
}
html[data-theme="dark"] {
  --color-bg: #11121a;
  --color-border: #2c2f3d;
  --color-border-strong: #3a3e4f;
  --color-surface: #181a24;
  --color-surface-elevated: rgba(24,26,36,.95);
  --color-surface-subtle: #1d1f2b;
  --color-text: #f5f6fb;
  --color-text-muted: #b0b3c2;
  --color-text-soft: #a5a9b8;
  --shadow-md: 0 14px 34px rgba(0,0,0,.36);
  --shadow-sm: 0 2px 10px rgba(0,0,0,.18);
}
