/* ==========================================================================
   Geotech Assist · brand tokens
   Source of truth for colour, type and spacing across every page.
   See c:\Users\richa\.cursor\skills\geotech-assist-brand\SKILL.md
   ========================================================================== */

:root {
  /* ── Brand pit-teal ─────────────────────────────────────────────── */
  --accent:        #176052;
  --accent-dark:   #124D43;
  --accent-soft:   #E8F1EC;
  --teal:           var(--accent);
  --teal-dark:      var(--accent-dark);
  --teal-deep:      #0F2E29;
  --teal-mid:       #B7D8C9;
  --teal-light:     var(--accent-soft);
  --teal-tint:      var(--accent-soft);

  /* ── BenchOps amber ─────────────────────────────────────────────── */
  --amber:          #D98A1C;
  --amber-deep:     #A6630F;
  --amber-soft:     #F5E4CC;
  --amber-tint:     #FAF1E2;

  /* ── Neutrals ───────────────────────────────────────────────────── */
  --bg:             #F7FAF7;
  --card:           #FFFFFF;
  --border:         #DDE8E2;
  --text:           #52605B;
  --text-strong:    #10231F;
  --canvas:         var(--bg);
  --canvas-rule:    var(--border);
  --ink:            var(--text-strong);
  --ink-muted:      var(--text);
  --ink-soft:       #68746F;
  --ink-ghost:      #8A928E;

  /* ── Severity ladder ────────────────────────────────────────────── */
  --sev-watch:      #D4A017;
  --sev-elevated:   #D98A1C;
  --sev-critical:   #C14A2B;

  /* ── Typography ─────────────────────────────────────────────────── */
  --font: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* ── Spacing scale ──────────────────────────────────────────────── */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-5:  24px;
  --sp-6:  32px;
  --sp-7:  48px;
  --sp-8:  64px;
  --sp-9:  96px;

  /* ── Radii ──────────────────────────────────────────────────────── */
  --r-sm: 4px;
  --r-md: 7px;
  --r-lg: 12px;
  --r-xl: 14px;

  /* ── Shadows ────────────────────────────────────────────────────── */
  --shadow-card: 0 4px 14px rgba(16,35,31,0.05);
  --shadow-card-hover: 0 8px 28px rgba(16,35,31,0.08);
  --shadow-elev: 0 14px 36px rgba(0,0,0,0.45);

  /* ── Layout ─────────────────────────────────────────────────────── */
  --max-w: 1200px;
  --gutter: 60px;
  --gutter-mobile: 28px;
}