/* ═══════════════════════════════════════════
   Stump Development · Brand Standards v6.0
   ═══════════════════════════════════════════ */

:root {
  /* Dark grounds */
  --black: #1d1e20;
  --forest-deep: #2f3a29;
  --forest: #485342;

  /* Midtones */
  --stone: #6e7777;
  --sage: #aeb5b0;

  /* Light surfaces */
  --mist: #dbe2dd;
  --white-warm: #e2e3db;
  --linen: #f1f1f1;
  --white: #ffffff;

  /* Accents */
  --ocean-slate: #5B7F95;   /* Primary public accent */
  --gold: #B5A47A;          /* Dashboard-only — NOT USED on website */
  --ember: #E8520A;         /* CTA / action accent */

  /* Status */
  --status-ok: #5C7A5A;
  --status-warn: #3D6B87;   /* Blue, Ocean Slate family */
  --status-critical: #EF4423;

  /* Typography */
  --fahkwang: "Fahkwang", Georgia, serif;
  --poppins: "Poppins", system-ui, sans-serif;
  --mono: "DM Mono", monospace;

  /* Layout */
  --max-width: 1200px;
  --gutter: clamp(24px, 5vw, 72px);

  /* Shared background — header + body fixed layer */
  --bg-coastal-image:
    linear-gradient(90deg, rgba(47,58,41,0.82) 0%, rgba(47,58,41,0) 60%),
    url('/assets/images/coastal-bg.jpg?v=3');

  /* Layout — header height drives body padding-top */
  --header-height: 144px;

  /* Effects */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.08);
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --duration: 0.3s;
}