/* ============================================
   CLVR Design Language — Shared Structural Tokens
   --------------------------------------------
   These tokens are IDENTICAL across every Clever site. Do NOT fork them
   per site. The per-site palette/typography lives in themes/<site>.css,
   which is concatenated AFTER this file so its :root block wins for the
   brand/text/background/link/font tokens.

   Ship this file + the selected theme file together as one stylesheet
   handle (see references/delivery.md).
   ============================================ */

:root {

  /* -- State (shared across sites) -- */
  --clvr-success:         #0ec18f;
  --clvr-error:           #f44336;
  --clvr-warning:         #ff9800;
  --clvr-info:            #2196f3;

  /* -- Borders (shared) -- */
  --clvr-border:          #bfcbde;
  --clvr-border-light:    #e2e8f0;

  /* -- Weights -- */
  --clvr-weight-normal:   400;
  --clvr-weight-semibold: 600;
  --clvr-weight-bold:     700;

  /* -- Border Radius -- */
  --clvr-radius:          8px;
  --clvr-radius-sm:       4px;
  --clvr-radius-pill:     9999px;

  /* -- Shadows -- */
  --clvr-shadow:          0 1px 3px rgba(12, 20, 42, 0.08),
                          0 4px 12px rgba(12, 20, 42, 0.06);
  --clvr-shadow-lg:       0 4px 8px rgba(12, 20, 42, 0.08),
                          0 12px 32px rgba(12, 20, 42, 0.10);

  /* -- Transition -- */
  --clvr-transition:      200ms ease;

  /* -- Layout -- */
  --clvr-content-width:   810px;
  --clvr-wide-width:      1144px;

  /* -- Spacing Scale (4px base) — steps: 1,2,3,4,6,8,10,12,16 only (5/7/9/11/13/14/15 intentionally omitted) -- */
  --clvr-sp-1:  0.25rem;  /* 4px  */
  --clvr-sp-2:  0.5rem;   /* 8px  */
  --clvr-sp-3:  0.75rem;  /* 12px */
  --clvr-sp-4:  1rem;     /* 16px */
  --clvr-sp-6:  1.5rem;   /* 24px */
  --clvr-sp-8:  2rem;     /* 32px */
  --clvr-sp-10: 2.5rem;   /* 40px */
  --clvr-sp-12: 3rem;     /* 48px */
  --clvr-sp-16: 4rem;     /* 64px */
}
/* ============================================
   CLVR Theme — Anytime Estimate (ATE) · anytimeestimate.com
   --------------------------------------------
   Blue brand. Values pulled directly from the ATE sandbox
   (ate.listwithclever.dev) Bricks "Clever" color palette + theme styles
   via SSH (June 2026) — the authoritative source.
     Bricks Primary/Accent #3878ff · Dark #202e5b · Darker #122448
     Body Inter · Headings Rubik
   (The green #0ec18f on the live page is a shared cross-site Clever widget —
   present on CLO/LWC/ATE alike — NOT an ATE brand color.)

   Concatenated AFTER tokens.css. Per-brand tokens only.
   ============================================ */

:root {

  /* -- Brand -- */
  --clvr-blue:            #202E5B;   /* structure / authority (Bricks "Dark") */
  --clvr-blue-dark:       #122448;   /* outlined-CTA hover fill (Bricks "Darker") */
  --clvr-orange:          #3878FF;   /* accent / primary CTA (Bricks "Primary") */
  --clvr-orange-dark:     #2F65D6;   /* primary-CTA hover (derived; Accent == Primary) */
  --clvr-on-accent:       #ffffff;   /* white: 3.96:1 (UI/large OK; bold ≥18.66px or --clvr-orange-dark bg for 4.5:1 text) */
  --clvr-btn-radius:      var(--clvr-radius-sm);   /* ATE buttons: 4px (not pill — pill is BIF only) */

  /* -- Text -- */
  --clvr-text:            #22293b;
  --clvr-text-secondary:  #4b698b;
  --clvr-text-muted:      #86a5c6;
  --clvr-text-light:      #bfcbde;
  --clvr-text-inverse:    #ffffff;

  /* -- Backgrounds -- */
  --clvr-bg:              #ffffff;
  --clvr-bg-subtle:       #f5f8fc;
  --clvr-bg-muted:        #f3f5f9;
  --clvr-bg-tint:         #F0F5FA;
  --clvr-bg-neutral:      #f0f0f0;

  /* -- Links -- */
  --clvr-link:            #3878FF;
  --clvr-link-hover:      #598EFF;

  /* -- Typography -- */
  --clvr-font:            "Inter", arial, sans-serif;     /* body */
  --clvr-font-heading:    "Rubik", "Inter", sans-serif;   /* headings */
}