/* ============================================================
   Design tokens — Altavia brand palette (deep green + beige),
   minimalist and professional rather than a generic tech-SaaS
   navy/blue look. Light + dark, including all 8 lead-status
   colors. Every other stylesheet in this app consumes these
   variables — never hardcode a color elsewhere.
   ============================================================ */

:root{
  /* brand */
  --brand-green:      #4a5147;
  --brand-green-deep: #343a31;
  --brand-green-soft: #6b7261;
  --brand-beige:      #ccc9bb;
  --brand-beige-2:    #e2dfd1;

  --ink-900:#21261f;
  --ink-500:#6b7266;
  --ink-300:#9a9d8f;

  --paper-0:#fbfaf6;
  --paper-50:#f5f3ec;
  --paper-100:#eeebe0;
  --paper-200:#e2dfd1;
  --border:#ded9c8;

  --shadow-sm: 0 1px 2px rgba(33,38,31,.07);
  --shadow-md: 0 6px 20px -6px rgba(33,38,31,.14);
  --shadow-lg: 0 20px 45px -12px rgba(33,38,31,.24);
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:18px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;

  --bg: var(--paper-50);
  --surface: var(--paper-0);
  --surface-alt: var(--paper-100);
  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-500);
  --border-color: var(--border);
  --accent: var(--brand-green);
  --accent-2: var(--brand-green-deep);
  --row-hover: #f1efe5;
  --input-bg: #ffffff;

  --st-new-bg:#ece6f5; --st-new-fg:#5b4b7a; --st-new-dot:#8c74ad;
  --st-no-answer-bg:#e4edf2; --st-no-answer-fg:#3d5a6c; --st-no-answer-dot:#6b93a8;
  --st-appt-bg:#f5efd6; --st-appt-fg:#7a6218; --st-appt-dot:#c7a83e;
  --st-followup-bg:#f5e4de; --st-followup-fg:#93503e; --st-followup-dot:#c97c63;
  --st-closed-bg:#e3ebdd; --st-closed-fg:#3f5c34; --st-closed-dot:#6e8f5c;
  --st-notint-bg:#f5dedc; --st-notint-fg:#8c3b33; --st-notint-dot:#b5584c;
  --st-gate-bg:#e9e7e1; --st-gate-fg:#55554c; --st-gate-dot:#8c8a7e;
  --st-disconnected-bg:#efe4d8; --st-disconnected-fg:#6e4c31; --st-disconnected-dot:#9c7350;
}

:root[data-theme="dark"]{
  --bg:#1b1f19;
  --surface:#232821;
  --surface-alt:#2a3027;
  --text-primary:#ece9de;
  --text-secondary:#a3a693;
  --border-color:#333a2f;
  --accent: var(--brand-beige);
  --accent-2: #dedac9;
  --row-hover:#262c22;
  --input-bg:#232821;
  --shadow-md: 0 6px 20px -6px rgba(0,0,0,.45);
  --shadow-lg: 0 20px 45px -12px rgba(0,0,0,.55);

  --st-new-bg:#332b44; --st-new-fg:#c9b8e0; --st-new-dot:#a78ecc;
  --st-no-answer-bg:#223440; --st-no-answer-fg:#a9c6d6; --st-no-answer-dot:#7fa4b8;
  --st-appt-bg:#3d3520; --st-appt-fg:#e8ce85; --st-appt-dot:#cbaa46;
  --st-followup-bg:#3d2a22; --st-followup-fg:#e8b39e; --st-followup-dot:#d28f73;
  --st-closed-bg:#2a3524; --st-closed-fg:#a8c99a; --st-closed-dot:#7fa46a;
  --st-notint-bg:#3d211e; --st-notint-fg:#e5a99d; --st-notint-dot:#c56f5f;
  --st-gate-bg:#34332c; --st-gate-fg:#c4c2b6; --st-gate-dot:#9c9a8c;
  --st-disconnected-bg:#3b2e22; --st-disconnected-fg:#d9b590; --st-disconnected-dot:#b08356;
}

@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#1b1f19;
    --surface:#232821;
    --surface-alt:#2a3027;
    --text-primary:#ece9de;
    --text-secondary:#a3a693;
    --border-color:#333a2f;
    --accent: var(--brand-beige);
    --accent-2: #dedac9;
    --row-hover:#262c22;
    --input-bg:#232821;
    --shadow-md: 0 6px 20px -6px rgba(0,0,0,.45);
    --shadow-lg: 0 20px 45px -12px rgba(0,0,0,.55);

    --st-new-bg:#332b44; --st-new-fg:#c9b8e0; --st-new-dot:#a78ecc;
    --st-no-answer-bg:#223440; --st-no-answer-fg:#a9c6d6; --st-no-answer-dot:#7fa4b8;
    --st-appt-bg:#3d3520; --st-appt-fg:#e8ce85; --st-appt-dot:#cbaa46;
    --st-followup-bg:#3d2a22; --st-followup-fg:#e8b39e; --st-followup-dot:#d28f73;
    --st-closed-bg:#2a3524; --st-closed-fg:#a8c99a; --st-closed-dot:#7fa46a;
    --st-notint-bg:#3d211e; --st-notint-fg:#e5a99d; --st-notint-dot:#c56f5f;
    --st-gate-bg:#34332c; --st-gate-fg:#c4c2b6; --st-gate-dot:#9c9a8c;
    --st-disconnected-bg:#3b2e22; --st-disconnected-fg:#d9b590; --st-disconnected-dot:#b08356;
  }
}