/* ============================================================
   Design tokens — Altavia brand palette (deep green + beige + a
   sparing gold accent from altaviastaffing.com), kept in sync
   with crm-app/public/assets/css/tokens.css so this app reads as
   the same product family, not a bolted-on tool.
   ============================================================ */

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

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

  --paper-0:#ffffff;
  --paper-50:#f7f8f3;
  --paper-100:#f0f2e9;
  --paper-200:#e6e9dc;
  --border:#e2e5d8;

  --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: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Libre Baskerville", Georgia, "Times New Roman", 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: #f3f5ec;
  --input-bg: #ffffff;

  /* invoice statuses: draft, pending_approval, approved, sent, paid */
  --st-draft-bg:#e3e1d2;    --st-draft-fg:#494a3d;    --st-draft-dot:#84816a;
  --st-pending-bg:#f7ecd2;  --st-pending-fg:#7a5a0a;  --st-pending-dot:#a98b52;
  --st-approved-bg:#d9edf8; --st-approved-fg:#28576f; --st-approved-dot:#3f95ba;
  --st-sent-bg:#e7dbf7;     --st-sent-fg:#5b3f85;     --st-sent-dot:#8c5fc9;
  --st-paid-bg:#d8edc7;     --st-paid-fg:#2e551c;     --st-paid-dot:#57a237;
  --st-overdue-bg:#f9d3ce;  --st-overdue-fg:#8c2b1f;  --st-overdue-dot:#d4452f;
}

: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-draft-bg:#34332c;    --st-draft-fg:#c4c2b6;    --st-draft-dot:#9c9a8c;
  --st-pending-bg:#3d3520;  --st-pending-fg:#e0bf7a;  --st-pending-dot:#c9a35f;
  --st-approved-bg:#223440; --st-approved-fg:#a9c6d6; --st-approved-dot:#7fa4b8;
  --st-sent-bg:#332b44;     --st-sent-fg:#c9b8e0;     --st-sent-dot:#a78ecc;
  --st-paid-bg:#2a3524;     --st-paid-fg:#a8c99a;     --st-paid-dot:#7fa46a;
  --st-overdue-bg:#3d211e;  --st-overdue-fg:#e5a99d;  --st-overdue-dot:#c56f5f;
}

@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-draft-bg:#34332c;    --st-draft-fg:#c4c2b6;    --st-draft-dot:#9c9a8c;
    --st-pending-bg:#3d3520;  --st-pending-fg:#e0bf7a;  --st-pending-dot:#c9a35f;
    --st-approved-bg:#223440; --st-approved-fg:#a9c6d6; --st-approved-dot:#7fa4b8;
    --st-sent-bg:#332b44;     --st-sent-fg:#c9b8e0;     --st-sent-dot:#a78ecc;
    --st-paid-bg:#2a3524;     --st-paid-fg:#a8c99a;     --st-paid-dot:#7fa46a;
    --st-overdue-bg:#3d211e;  --st-overdue-fg:#e5a99d;  --st-overdue-dot:#c56f5f;
  }
}