/* GENERATED by scripts/build-tokens.mjs from brand/brand-tokens.json
   Do not edit by hand. Edit brand/brand-tokens.json and run `npm run generate:brand`.
   Generated: 2026-04-15T19:10:36.037Z
   Tokens: 77
*/

:root {
  --color-primary-50: #eef2ff;
  --color-primary-100: #e0e7ff;
  --color-primary-200: #c7d2fe;
  --color-primary-300: #a5b4fc;
  --color-primary-400: #6478d4;
  --color-primary-500: #3755c3;
  --color-primary-600: #2848b7;
  --color-primary-700: #1a3399;
  --color-primary-800: #162b80;
  --color-primary-900: #0f1f5c;
  --color-text-default: #2a3439;
  --color-text-muted: #717c82;
  --color-text-soft: #a9b4b9;
  --color-text-inverse: #ffffff;
  --color-surface-app: #f7f8fa;
  --color-surface-card: #ffffff;
  --color-surface-sidebar: #ffffff;
  --color-surface-hover: rgba(55, 85, 195, 0.06);
  --color-surface-active: rgba(55, 85, 195, 0.10);
  --color-border-default: rgba(55, 85, 195, 0.08);
  --color-border-strong: rgba(55, 85, 195, 0.16);
  --color-border-divider: #eef0f3;
  --color-status-blue: #3755c3;
  --color-status-grey: #717c82;
  --color-status-red: #d64545;
  --color-status-green: #1f9d55;
  --color-status-orange: #e07b00;
  --color-status-purple: #7e57c2;
  --color-status-yellow: #d4a017;
  --color-scrollbar-thumb: #a9b4b9;
  --color-scrollbar-thumbHover: #717c82;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 9999px;
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.08);
  --shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-focus: 0 0 0 3px rgba(55, 85, 195, 0.20);
  --shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.04);
  --spacing-base: 4px;
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;
  --typography-family-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --typography-family-mono: 'JetBrains Mono', ui-monospace, monospace;
  --typography-family-icon: 'Material Symbols Outlined';
  --typography-weight-regular: 400;
  --typography-weight-medium: 500;
  --typography-weight-semibold: 600;
  --typography-weight-bold: 700;
  --typography-size-xs: 12px;
  --typography-size-sm: 13px;
  --typography-size-base: 14px;
  --typography-size-md: 15px;
  --typography-size-lg: 18px;
  --typography-size-xl: 22px;
  --typography-size-2xl: 28px;
  --typography-size-3xl: 36px;
  --typography-lineHeight-tight: 1.2;
  --typography-lineHeight-default: 1.5;
  --typography-lineHeight-loose: 1.75;
  --motion-duration-fast: 120ms;
  --motion-duration-base: 200ms;
  --motion-duration-slow: 320ms;
  --motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);
  --motion-easing-accelerate: cubic-bezier(0.3, 0, 1, 1);
  --layout-sidebarWidth: 260px;
  --layout-topbarHeight: 64px;
  --layout-maxContentWidth: 1440px;
  --layout-gutter: 24px;
}

/* Convenience aliases */
:root {
  --brand:       var(--color-primary-500);
  --brand-dark:  var(--color-primary-700);
  --bg:          var(--color-surface-app);
  --card:        var(--color-surface-card);
  --text:        var(--color-text-default);
  --text-muted:  var(--color-text-muted);
  --border:      var(--color-border-default);
  --shadow-card: var(--shadow-card);
  --radius:      var(--radius-md);
  --font-sans:   var(--typography-family-sans);
  --font-icon:   var(--typography-family-icon);
}