/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --color-navy-300: #33436e; /** Default border */
  --color-navy-400: #243257; /** Subtle border */
  --color-navy-500: #1b2a57; /** Overlay surface */
  --color-navy-600: #16224a; /** Card surface */
  --color-navy-700: #101a38; /** Section surface */
  --color-navy-800: #0a1226;
  --color-navy-900: #070c1c; /** Deepest — page background */
  --color-green-base: #a1f813; /** Signal — the single light of action / brand green */
  --color-green-light: #c4ff6b;
  --color-green-dark: #8ad40c;
  --color-indigo-base: #554ecf; /** Logo mark's dark counterpart on light backgrounds */
  --color-ice-base: #5cc8f5; /** Secondary accent — data, links, labels */
  --color-ice-deep: #4d71ff;
  --color-mint-base: #3de0a0; /** Growth / profit */
  --color-red-base: #ff5f6d; /** Loss / error */
  --color-amber-base: #ffb020; /** Warning / risk */
  --color-bone-100: #ffffff;
  --color-bone-200: #eef3ff; /** Primary text */
  --color-bone-300: #9da9c7; /** Secondary text */
  --color-bone-400: #66739a; /** Tertiary text */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --font-family-sans: Onest, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 800;
  --font-size-12: 12px;
  --font-size-13: 13px;
  --font-size-14: 14px;
  --font-size-16: 16px;
  --font-size-18: 18px;
  --font-size-20: 20px;
  --font-size-24: 24px;
  --font-size-30: 30px;
  --font-size-36: 36px;
  --font-size-44: 44px;
  --font-size-56: 56px;
  --font-size-72: 72px;
  --button-primary-radius: var(--radius-md);
  --card-radius: var(--radius-lg);
  --color-bg-base: var(--color-navy-900); /** Page background */
  --color-bg-surface: var(--color-navy-700); /** Sections */
  --color-bg-raised: var(--color-navy-600); /** Cards, panels */
  --color-bg-overlay: var(--color-navy-500); /** Modals, dropdowns */
  --color-border-subtle: var(--color-navy-400);
  --color-border-default: var(--color-navy-300);
  --color-text-primary: var(--color-bone-200);
  --color-text-secondary: var(--color-bone-300);
  --color-text-tertiary: var(--color-bone-400);
  --color-text-link: var(--color-ice-base);
  --color-text-on-accent: var(--color-navy-900); /** Text on the green action fill — always dark */
  --color-accent-action: var(--color-green-base); /** Primary action. Green is action only — never used to mean profit */
  --color-accent-action-hover: var(--color-green-light);
  --color-accent-action-press: var(--color-green-dark);
  --color-accent-info: var(--color-ice-base);
  --color-data-up: var(--color-mint-base); /** Growth / profit. Distinct from accent.action on purpose */
  --color-data-down: var(--color-red-base);
  --color-data-warn: var(--color-amber-base);
  --color-focus-ring: var(--color-green-base);
  --button-primary-bg: var(--color-accent-action);
  --button-primary-bg-hover: var(--color-accent-action-hover);
  --button-primary-bg-press: var(--color-accent-action-press);
  --button-primary-text: var(--color-text-on-accent);
  --button-secondary-text: var(--color-text-primary);
  --button-secondary-border: var(--color-border-default);
  --card-bg: var(--color-bg-raised);
  --card-border: var(--color-border-subtle);
}