/* ============================================================
   AMEDO — Brand Tokens (Purple + Teal)
   Drop this in and build with var(--token) values.
   Slogan: "Serving you with diligence."
   ============================================================ */
:root {
  /* ---- Brand / Primary (Amedo Purple) ---- */
  --amedo-purple:        #7C3AED;
  --amedo-purple-strong: #5B21B6;  /* press / hover-dark */
  --amedo-purple-deep:   #3F108C;  /* gradients, deep fills */
  --amedo-purple-light:  #EDE4FF;  /* soft surfaces */
  --amedo-purple-tint:   #F3ECFF;  /* feature-card surface */
  --amedo-purple-wash:   #F8F4FF;  /* page / splash wash */
  --amedo-purple-10:     rgba(124, 58, 237, 0.10); /* glows / orbs */
  --amedo-purple-14:     rgba(124, 58, 237, 0.14); /* accent hairline */

  /* ---- Accent (Amedo Teal) — use sparingly: CTAs, offers, live status ---- */
  --amedo-teal:        #0FB5A6;
  --amedo-teal-bright: #19D3C2;
  --amedo-teal-strong: #0A7268;
  --amedo-teal-soft:   #D6F4F0;
  --amedo-teal-ink:    #06352F;  /* text on a teal fill */

  /* ---- Neutrals ---- */
  --amedo-ink:        #1F2D3F;  /* primary text — slate navy */
  --amedo-gray-600:   #666666;  /* secondary text */
  --amedo-gray-400:   #999999;  /* tertiary text */
  --amedo-white:      #FFFFFF;
  --amedo-bg:         #F5F5F5;  /* page background */
  --amedo-surface:    #FFFFFF;  /* cards */
  --amedo-sunken:     #E8E8E8;  /* pressed */
  --amedo-border:     #E0E0E0;
  --amedo-border-lt:  #F0F0F0;
  --amedo-field:      #FAFAFA;

  /* ---- Status ---- */
  --amedo-success: #52C41A;
  --amedo-warning: #FAAD14;
  --amedo-error:   #F5222D;
  --amedo-info:    #1890FF;

  /* ---- Overlay ---- */
  --amedo-overlay: rgba(0, 0, 0, 0.5);

  /* ============ SEMANTIC ALIASES ============ */
  --accent:         var(--amedo-purple);
  --accent-strong:  var(--amedo-purple-strong);
  --accent-soft:    var(--amedo-purple-light);
  --cta:            var(--amedo-teal);
  --cta-ink:        var(--amedo-teal-ink);

  --text-primary:   var(--amedo-ink);
  --text-secondary: var(--amedo-gray-600);
  --text-tertiary:  var(--amedo-gray-400);
  --text-inverse:   var(--amedo-white);

  --surface-page:   var(--amedo-bg);
  --surface-card:   var(--amedo-surface);
  --surface-tint:   var(--amedo-purple-light);

  /* ---- Type ---- */
  --font-sans: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;

  --text-xs: 10px;  --text-sm: 12px;  --text-md: 14px;  --text-lg: 16px;
  --text-xl: 18px;  --text-2xl: 20px; --text-3xl: 24px; --text-4xl: 28px;
  --text-5xl: 34px; --text-6xl: 44px; --text-7xl: 56px;

  --weight-regular: 400; --weight-medium: 500; --weight-semibold: 600;
  --weight-bold: 700;    --weight-extrabold: 800;

  --leading-tight: 1.15; --leading-snug: 1.3; --leading-normal: 1.5;
  --tracking-tight: -0.01em; --tracking-wide: 0.04em; --tracking-wordmark: 0.08em;

  /* ---- Spacing (4/8/12/16/20/24/32) ---- */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --gutter: 16px;

  /* ---- Radii ---- */
  --radius-sm: 4px;  --radius-md: 12px; --radius-lg: 16px;
  --radius-xl: 20px; --radius-2xl: 28px; --radius-pill: 999px;

  /* ---- Elevation ---- */
  --shadow-card:   0 1px 4px rgba(0, 0, 0, 0.05);
  --shadow-accent: 0 8px 18px var(--amedo-purple-10);
  --shadow-cta:    0 8px 16px rgba(124, 58, 237, 0.22);
  --shadow-modal:  0 12px 32px rgba(0, 0, 0, 0.18);
}