/* Core Design Tokens - Single Source of Truth */

:root {
  /* Brand Colors */
  --color-primary: #003366;   /* navy blue */
  --color-success: #28a745;   /* green - primary action */
  --color-danger:  #dc3545;   /* red - danger action */
  --color-accent:  #c49a33;   /* gold - highlights */

  /* Neutral Tones */
  --neutral-0:   #ffffff;
  --neutral-50:  #f5f7fa;
  --neutral-100: #e9edf2;
  --neutral-200: #d9e1ea;
  --neutral-700: #4d4d4d;
  --neutral-900: #0f1216;

  /* Border Radius */
  --radius-sm: 8px;
  --radius-md: 14px;

  /* Shadows */
  --shadow-1: 0 4px 14px rgba(0,0,0,.12);
  --shadow-2: 0 10px 24px rgba(0,0,0,.18);

  /* Typography */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --fs-14: 14px;
  --fs-16: 16px;
}

/* Default Theme: DARK */
html[data-bs-theme="dark"] {
  --bg-body: #0c1624;         /* dark navy-leaning background */
  --bg-surface: #0f1b2e;
  --text-body: #e8eef7;
  --text-muted: #b7c2d0;
  --border-color: rgba(255,255,255,.08);

  --link: #8ab4ff;
  --link-hover: #a5c3ff;
}

/* Light Theme */
html[data-bs-theme="light"] {
  --bg-body: var(--neutral-50);
  --bg-surface: var(--neutral-0);
  --text-body: #1b2430;
  --text-muted: #5b6b7c;
  --border-color: rgba(0,0,0,.08);

  --link: #0d6efd;
  --link-hover: #0b5ed7;
}