/* ─────────────────────────────────────────────────────────────
   Concero Cloud Desktops — Design Tokens
   8-token colour system. Never hardcode hex outside :root.
───────────────────────────────────────────────────────────── */
:root {
  --bg:           #FAFBFC;
  --text:         #141E28;
  --accent:       #F6821F;
  --accent-hover: #E0701A;
  --surface:      #FFF6EE;
  --dark:         #0D1521;
  --muted:        #64748B;
  --border:       #DDE6EC;

  --font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;

  --container:    1180px;
  --pad:          clamp(20px, 5vw, 80px);

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 4px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
}