/* SWIM:AI design tokens
   Single source of truth for colours, type, spacing, radii, and shadows.
   Load after Bootstrap so the --bs-* overrides repaint all components.
*/

:root {
  /* ── Palette ──────────────────────────────────────────── */
  --color-primary:      #0003e2;
  --color-primary-dark: #0002b3;
  --color-secondary:    #212c52;
  --color-accent:       #75c3ff;
  --color-teal:         #00566e;
  --color-danger:       #e71d73;
  --color-danger-dark:  #a41150;
  --color-white:        #ffffff;
  --color-body-bg:      #f5f7fb;
  --color-body-quiet:   #5a6384;
  --color-darkened-bg:  #eaf4ff;

  /* ── Semantic / derived ───────────────────────────────── */
  --color-border:      rgba(117, 195, 255, 0.45);
  --color-hairline:    rgba(117, 195, 255, 0.40);
  --color-selected-bg: rgba(117, 195, 255, 0.22);

  /* ── Typography ───────────────────────────────────────── */
  --font-sans:              'Inter', system-ui, sans-serif;
  --font-mono:              'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;
  --font-brand:             'Yantramanav', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-weight-light:      300;
  --font-weight-normal:     400;
  --font-weight-medium:     500;
  --font-weight-semi:       600;
  --font-weight-bold:       700;
  --font-weight-black:      900;
  --letter-spacing-tight:  -0.015em;
  --letter-spacing-brand:   0.01em;

  /* ── Spacing ──────────────────────────────────────────── */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;

  /* ── Radii ────────────────────────────────────────────── */
  --radius-card:  10px;
  --radius-inner:  9px;
  --radius-lg:     1rem;

  /* ── Shadows ──────────────────────────────────────────── */
  --shadow-nav:        0 1px 6px rgba(33, 44, 82, 0.10);
  --shadow-card-hover: 0 4px 20px rgba(0, 3, 226, 0.09);
  --shadow-btn:        0 3px 10px rgba(0, 3, 226, 0.22);
  --shadow-focus:      0 0 0 0.18rem rgba(0, 3, 226, 0.28);

  /* ── Bootstrap 5 overrides ────────────────────────────── */
  --bs-primary:          var(--color-primary);
  --bs-primary-rgb:      0, 3, 226;
  --bs-secondary:        var(--color-secondary);
  --bs-secondary-rgb:    33, 44, 82;
  --bs-danger:           var(--color-danger);
  --bs-danger-rgb:       231, 29, 115;
  --bs-body-bg:          var(--color-body-bg);
  --bs-body-color:       var(--color-secondary);
  --bs-body-font-family:      var(--font-sans);
  --bs-body-font-size:        14px;
  --bs-font-monospace:        var(--font-mono);
  --bs-border-color:     var(--color-border);
  --bs-link-color:       var(--color-primary);
  --bs-link-hover-color: var(--color-primary-dark);
}