/* ==========================================================================
   Centurion Services — Design Tokens
   Source of truth: CSL-Design-Handoff/JT - Plant Hire/design_handoff_centurion_services/README.md
   All values here are consumed by base.css, components.css, and Elementor global settings.
   ========================================================================== */

:root {
  /* --- Brand palette (Light) --- */
  --bg:          #FBF8F2;
  --surface:     #FFFFFF;
  --surface-2:  #F4EFE6;
  --ink:         #1A1612;
  --ink-2:      #4A4239;
  --ink-3:      #7A7166;
  --line:        #E7DFD0;

  /* --- Accent (gold = parent brand + Plant Hire direction A) --- */
  --accent:      #F0A93B;
  --accent-ink:  #2A1F0A;
  --accent-soft: rgba(240,169,59,.16);

  /* --- Semantic --- */
  --success:     #3E9D6A;
  --danger:      #D8593F;

  /* --- Division accents --- */
  --div-plant:   #F0A93B;
  --div-plant-bg:#FBF8F2;
  --div-car:     #2E5A8C;
  --div-car-bg:  #EEF3F8;
  --div-property:   #1F8A5B;
  --div-property-bg:#EEF6EF;
  --div-supplies:   #B8562A;
  --div-supplies-bg:#F7EFE7;

  /* --- Typography scale (px) --- */
  --fs-display-xl: 112px;
  --fs-display-l:  84px;
  --fs-display-m:  56px;
  --fs-display-s:  44px;
  --fs-heading:    30px;
  --fs-sub:        22px;
  --fs-body-l:     18px;
  --fs-body:       16px;
  --fs-body-s:     14px;
  --fs-caption:    12.5px;
  --fs-kicker:     11px;

  /* --- Line heights --- */
  --lh-display-xl: 0.92;
  --lh-display-l:  1.00;
  --lh-display-m:  1.03;
  --lh-display-s:  1.05;
  --lh-heading:    1.10;
  --lh-sub:        1.15;
  --lh-body-l:     1.55;
  --lh-body:       1.60;
  --lh-body-s:     1.55;
  --lh-caption:    1.50;
  --lh-kicker:     1.00;

  /* --- Letter spacing --- */
  --ls-display-xl: -0.035em;
  --ls-display-l:  -0.030em;
  --ls-display-m:  -0.025em;
  --ls-display-s:  -0.020em;
  --ls-heading:    -0.015em;
  --ls-sub:        -0.010em;
  --ls-kicker:     0.16em;

  /* --- Font families --- */
  --font-sans: 'Titillium Web', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* --- Radii --- */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* --- Elevation --- */
  --shadow-sm: 0 1px 2px rgba(26,22,18,0.05);
  --shadow-md: 0 6px 20px rgba(26,22,18,0.08);
  --shadow-lg: 0 16px 40px rgba(26,22,18,0.12);

  /* --- Spacing scale (rem-ish, aligned to 4/8 grid) --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;

  /* --- Container --- */
  --container: 1240px;
  --container-narrow: 960px;
  --gutter: 24px;

  /* --- Motion --- */
  --ease-standard: cubic-bezier(.2,.7,.2,1);
  --dur-fast: 120ms;
  --dur-med: 240ms;
}

/* --- Dark mode overrides (used on comms strip, footer, dark blocks; opt-in via .theme-dark) --- */
.theme-dark,
[data-theme="dark"] {
  --bg:         #13110E;
  --surface:    #1C1915;
  --surface-2: #26221C;
  --ink:        #F5EFE2;
  --ink-2:     #C8BFAE;
  --ink-3:     #867D6E;
  --line:       #2E2922;
  --accent-ink: #0E0B07;
  --accent-soft: rgba(240,169,59,.14);
}