/* ============================================
   CLVR Component Framework — Design Tokens
   ============================================ */

:root {

  /* -- Brand -- */
  --clvr-blue:            #14244A;
  --clvr-blue-dark:       #0C142A;
  --clvr-orange:          #DBA450;
  --clvr-orange-dark:     #C3862A;

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

  /* -- State -- */
  --clvr-success:         #0ec18f;
  --clvr-error:           #f44336;
  --clvr-warning:         #ff9800;
  --clvr-info:            #2196f3;

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

  /* -- Links -- */
  --clvr-link:            var(--clvr-orange);
  --clvr-link-hover:      #26aeff;

  /* -- Typography -- */
  --clvr-font:            "Poppins", arial, sans-serif;
  --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) --
     4px   --clvr-sp-1
     8px   --clvr-sp-2
     12px  --clvr-sp-3
     16px  --clvr-sp-4
     24px  --clvr-sp-6
     32px  --clvr-sp-8
     40px  --clvr-sp-10
     48px  --clvr-sp-12
     64px  --clvr-sp-16
  */
  --clvr-sp-1:  0.25rem;
  --clvr-sp-2:  0.5rem;
  --clvr-sp-3:  0.75rem;
  --clvr-sp-4:  1rem;
  --clvr-sp-6:  1.5rem;
  --clvr-sp-8:  2rem;
  --clvr-sp-10: 2.5rem;
  --clvr-sp-12: 3rem;
  --clvr-sp-16: 4rem;
}