:root {
  /* Brand */
  --brand: #01433E;
  --brand-600: #023d38;
  --brand-700: #012f2b;
  --brand-50: #eef5f4;
  --brand-100: #dbe9e7;
  --gold: #C9A24B;
  --gold-600: #b38f40;
  --gold-50: #faf5e9;
  --gold-100: #f3e7cb;

  /* Foreground accent for links/focus. Split from --brand because the brand
     emerald is a background colour and is unreadable as text on dark surfaces. */
  --link: #01433E;
  --focus: #01433E;

  /* Neutrals (light enterprise surface) */
  --bg: #f6f7f8;
  --surface: #ffffff;
  --surface-2: #fafbfb;
  --border: #e4e7ea;
  --border-strong: #d3d8dc;
  --text: #182226;
  --text-dim: #5b6870;
  --text-faint: #8b959b;

  /* Semantic */
  --success: #1a7f5a;
  --success-bg: #e9f6f0;
  --warn: #a3690f;
  --warn-bg: #fbf1de;
  --danger: #b23b3b;
  --danger-bg: #fbebeb;
  --info: #2a6ca8;
  --info-bg: #eaf2fa;

  /* Layout */
  --sidebar-w: 232px;
  --topbar-h: 56px;
  --radius: 8px;
  --radius-sm: 6px;
  --radius-lg: 12px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 26, 0.06);
  --shadow-md: 0 4px 16px rgba(15, 23, 26, 0.08);
  --shadow-lg: 0 12px 32px rgba(15, 23, 26, 0.14);

  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SF Mono", "Cascadia Code", Consolas, monospace;
}

:root[data-theme="dark"] {
  --bg: #0f1416;
  --surface: #161d20;
  --surface-2: #131a1c;
  --border: #263033;
  --border-strong: #333f43;
  --text: #e7edf0;
  --text-dim: #a3b0b6;
  --text-faint: #6d7a80;
  --brand-50: #0d211f;
  --brand-100: #12312d;
  --gold-50: #241d0f;
  --gold-100: #2e2513;
  --success-bg: #10281f;
  --warn-bg: #2a2110;
  --danger-bg: #2a1515;
  --info-bg: #101f2a;
  --link: #5FB49C;
  --focus: #C9A24B;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.45);
}