:root {
  /* BARMO brand */
  --brand: #102a43;
  --brand-2: #1e5b8c;
  --brand-light: #173b5d;
  --accent: #d9a441;
  --accent-soft: #f4d27a;

  /* Surfaces — dark shell */
  --bg: #0b1220;
  --bg-elevated: #111b2e;
  --bg-card: #152238;
  --bg-card-hover: #1a2a45;
  --paper: #ffffff;

  /* Text */
  --ink: #e8eef6;
  --ink-muted: #8b9cb3;
  --ink-subtle: #5c6f88;

  /* Lines & shadows */
  --line: rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.14);
  --shadow: 0 20px 50px rgba(0, 0, 0, 0.45);
  --shadow-soft: 0 8px 28px rgba(0, 0, 0, 0.32);
  --glow-accent: 0 0 0 1px rgba(217, 164, 65, 0.25);

  /* Status */
  --ok: #3ecf8e;
  --ok-bg: rgba(62, 207, 142, 0.12);
  --warn: #e8b84a;
  --warn-bg: rgba(232, 184, 74, 0.12);
  --info: #5eb3f0;
  --info-bg: rgba(94, 179, 240, 0.12);
  --muted-status: #7a8da8;
  --muted-bg: rgba(122, 141, 168, 0.12);

  /* Spacing */
  --space-xs: 6px;
  --space-sm: 10px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 36px;
  --space-2xl: 48px;

  /* Radius */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 26px;

  /* Typography */
  --font: "Inter", "Manrope", system-ui, -apple-system, sans-serif;
  --font-display: var(--font);
  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-lg: 18px;
  --text-xl: 26px;
  --text-2xl: 34px;

  /* Layout */
  --shell-max: 1200px;
  --header-h: 72px;
}