/* ============================================================
   Concero — Design Tokens
   Generated by Goose Digital WebAI
   Brand: Concero Cloud Desktops
   ============================================================ */

:root {
  /* Colours */
  --color-primary:    #F6821F;
  --color-secondary:  #1A1A2E;
  --color-accent:     #00B4D8;
  --color-surface:    #F8F9FB;
  --color-background: #FFFFFF;
  --color-text:       #1A1A2E;
  --color-muted:      #6B7280;
  --color-border:     #E5E7EB;
  --color-dark:       #1A1A2E;
  --color-primary-light: #FFF4EC;
  --color-primary-dark:  #D96A0E;

  /* Typography */
  --font-heading: 'Inter', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --text-base:    16px;
  --scale:        1.25;
  --weight-heading: 700;
  --weight-body:    400;
  --line-height:    1.6;

  /* Spacing */
  --space-base:         8px;
  --section-y:          88px;
  --component-gap:      24px;
  --container-max:      1200px;
  --container-padding:  24px;

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

  /* Shadows */
  --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);

  /* Legacy aliases */
  --space-section-y:        var(--section-y);
  --space-component-gap:    var(--component-gap);
  --space-container-max:    var(--container-max);
  --space-container-padding: var(--container-padding);
}