:root {
  /* Brand */
  --oriana-navy: #014082;
  --oriana-navy-dark: #012d5c;
  --oriana-navy-tint: #e6eef6;
  --oriana-green: #5caf8d;
  --oriana-green-dark: #3f8a6b;
  --oriana-green-tint: #eaf6f1;
  --oriana-orange: #fe6b00;
  --oriana-orange-dark: #cc5600;
  --oriana-orange-tint: #fff1e6;

  /* Non-brand support (accessibility-driven, see spec §11.1) */
  --surface-danger: #b3261e;
  --surface-danger-tint: #fbeaea;
  --surface-warning-text: #8a6d00;
  --surface-warning-bg: #fff6d6;

  /* Neutrals */
  --neutral-0: #ffffff;
  --neutral-50: #f7f8fa;
  --neutral-200: #e7e9ec;
  --neutral-400: #b9bfc7;
  --neutral-600: #6b7280;
  --neutral-800: #374151;
  --neutral-900: #111827;

  /* Typography */
  --font-body:
    "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* Spacing (4px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Shadow */
  --shadow-card:
    0 1px 2px rgba(17, 24, 39, 0.06), 0 4px 12px rgba(17, 24, 39, 0.08);
  --shadow-modal: 0 8px 24px rgba(17, 24, 39, 0.18);

  /* Border */
  --border-default: 1px solid var(--neutral-200);
}