/* VOLTA Atlas tokens */
/* Atlas Pro — Unified design: Midnight Sapphire + Platinum Gold */

:root {
  --canvas: #EEF1F5;
  --surface: #FFFFFF;
  --surface-muted: #F7F8FA;
  --surface-warm: #F3F0EA;

  --brand-midnight: #0B1D3A;
  --brand-navy: #152A4A;
  --brand-steel: #4A6FA5;

  --accent-gold: #C9A962;
  --accent-gold-hover: #B8944F;
  --accent-gold-soft: #F5F0E6;

  --text: #1A2233;
  --text-strong: #0F1623;
  --text-muted: #5C6678;
  --text-subtle: #8B95A5;
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: #B8C4D4;

  --border: #DDE2EA;
  --border-soft: #E8ECF2;

  --price: #1A2233;
  --price-sale: #9B3D3D;
  --badge-hot: #9B3D3D;
  --rating: #C9A962;
  --success: #2D6A4F;

  --pastel-slate: #E4E9F0;
  --pastel-gold: #F5F0E6;
  --pastel-steel: #E8EEF6;
  --pastel-mist: #EDF2F7;

  --shadow: 0 2px 12px rgba(11, 29, 58, 0.06);
  --shadow-lg: 0 8px 28px rgba(11, 29, 58, 0.10);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;
  --space-4xl: 64px;

  --max: 1280px;
  --gutter: 24px;
  --sidebar: 252px;

  --font: "Plus Jakarta Sans", "DM Sans", system-ui, sans-serif;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 200ms;
}