/* Bilbee marketing palette. Design-system colours with approved marketing overrides applied.
   Sources: src/styles/tokens/colors.css and src/styles/marketing-colors.css. */
:root{
  /* ---- Primary: green (source) ---- */
  --lime-100:#E1F99F;      /* Green 100 — brand lime, the badge disc behind the mascot */
  --forest-500:#00563F;    /* Green 500 — primary action / trust green */
  --ink-900:#24351E;       /* Green 900 — mascot fur, wordmark, near-black brand ink */

  /* ---- Primary: derived steps ---- */
  --lime-050:#F2FBD9;      /* (derived) lime wash for panels + highlight fills */
  --lime-200:#CBE08F;      /* (derived) lime hover / pressed */
  --lime-300:#9CBC45;      /* (derived) lime on-light border, chart series */
  --forest-050:#EBF2F0;    /* (derived) forest wash, success surface */
  --forest-100:#C9DDD7;    /* (derived) forest border on light */
  --forest-600:#004833;    /* (derived) forest hover */
  --forest-700:#003A29;    /* (derived) forest pressed */
  --ink-050:#EDEFEA;       /* (derived) ink wash */
  --ink-800:#2F4128;       /* (derived) ink hover on dark surfaces */

  /* ---- Neutrals (source) ---- */
  --white:#FFFFFF;
  --gray-100:#F3F3F3;
  --gray-300:#D2D1D1;
  --black:#1D1C1A;
  /* ---- Neutrals (derived) ---- */
  --gray-050:#FAFAF9;
  --gray-200:#E6E5E5;
  --gray-400:#B4B3B2;
  --gray-500:#999998;
  --gray-600:#6C6C6A;
  --gray-700:#4A4947;

  /* ---- Secondary palette (source) ---- */
  --yellow-500:#FCC700;
  --amber-500:#FFAD2B;
  --orange-500:#FF6900;
  --red-300:#F29093;
  --red-500:#DA3A3F;
  --red-700:#861317;
  --red-800:#8A2F14;       /* (derived) burnt red — text on red-050 */
  --violet-050:#F1EEF8;    /* (derived) violet wash — credit notes */
  --violet-800:#4B2E83;    /* (derived) violet ink — text on violet-050 */
  --maroon-900:#4B0000;
  --pink-300:#FFA8CD;
  --magenta-700:#880039;
  --blue-300:#93BEFF;
  --blue-500:#5398FF;
  --navy-900:#1B296E;
  /* ---- Secondary washes (derived) ---- */
  --yellow-050:#FFF8DE;
  --amber-050:#FFF5E6;
  --orange-050:#FFEEE2;
  --red-050:#FDEEEA;      /* (derived) warm red wash — overdue pills, destructive fills */
  --pink-050:#FFF0F7;
  --blue-050:#EEF5FF;

  /* ================= Semantic aliases ================= */
  /* Surfaces */
  --surface-page:var(--ink-050);
  --surface-card:var(--white);
  --surface-sunken:var(--gray-100);
  --surface-raised:var(--white);
  --surface-ink:var(--ink-900);
  --surface-forest:var(--forest-500);
  --surface-lime:var(--lime-100);
  --surface-lime-soft:var(--lime-050);
  --surface-forest-soft:var(--forest-050);
  --surface-overlay:rgba(36,53,30,.48);

  /* Text */
  --text-strong:var(--ink-900);
  --text-body:var(--black);
  --text-muted:var(--gray-600);
  --text-subtle:var(--gray-500);
  --text-on-ink:var(--white);
  --text-on-forest:var(--white);
  --text-on-lime:var(--ink-900);
  --text-link:var(--forest-500);
  --text-link-hover:var(--forest-700);
  --text-negative:var(--red-800);
  --text-positive:var(--forest-500);

  /* Borders */
  --border-hairline:var(--gray-200);
  --border-default:var(--gray-300);
  --border-strong:var(--gray-400);
  --border-ink:var(--ink-900);
  --border-forest:var(--forest-100);
  --border-focus:var(--forest-500);

  /* Actions */
  --action-primary-bg:var(--forest-500);
  --action-primary-bg-hover:var(--forest-600);
  --action-primary-bg-press:var(--forest-700);
  --action-primary-fg:var(--white);
  --action-accent-bg:#CBEF67;
  --action-accent-bg-hover:#B7D75D;
  --action-accent-fg:var(--ink-900);
  --action-secondary-bg:var(--white);
  --action-secondary-fg:var(--ink-900);
  --action-ghost-fg:var(--forest-500);
  --action-danger-bg:var(--red-050);
  --action-danger-fg:var(--red-800);
  --action-danger-bg-hover:#F9DFD6;
  --action-disabled-bg:var(--gray-100);
  --action-disabled-fg:var(--gray-400);

  /* Status — money states in the app */
  --status-paid-bg:var(--lime-050);
  --status-paid-fg:var(--forest-500);
  --status-sent-bg:var(--blue-050);
  --status-sent-fg:var(--navy-900);
  --status-draft-bg:var(--gray-100);
  --status-draft-fg:var(--gray-600);
  --status-overdue-bg:var(--red-050);
  --status-overdue-fg:var(--red-800);
  --status-due-bg:var(--amber-050);
  --status-due-fg:#7A4A00;
  --status-credited-bg:var(--violet-050);
  --status-credited-fg:var(--violet-800);

  /* Feedback */
  --feedback-success-bg:var(--forest-050);
  --feedback-success-fg:var(--forest-500);
  --feedback-warning-bg:var(--amber-050);
  --feedback-warning-fg:#7A4A00;
  --feedback-danger-bg:var(--red-050);
  --feedback-danger-fg:var(--red-800);
  --feedback-info-bg:var(--blue-050);
  --feedback-info-fg:var(--navy-900);

  /* Selected — two forms. Soft is the default on rows, cards and nav.
     Solid is for small pills (chips, day cells) where a wash does not read as chosen. */
  --selected-soft-bg:var(--lime-050);
  --selected-soft-fg:var(--forest-500);
  --selected-solid-bg:var(--forest-500);
  --selected-solid-fg:var(--white);

  /* Avatar tints — assigned per client by name, never by status. */
  --avatar-1-bg:var(--blue-050);      --avatar-1-fg:var(--navy-900);
  --avatar-2-bg:var(--lime-050);      --avatar-2-fg:var(--forest-500);
  --avatar-3-bg:var(--violet-050);    --avatar-3-fg:var(--violet-800);
  --avatar-4-bg:var(--amber-050);     --avatar-4-fg:#7A4A00;
  --avatar-5-bg:var(--red-050);       --avatar-5-fg:var(--red-800);
  --avatar-6-bg:var(--forest-050);    --avatar-6-fg:var(--forest-700);

  /* Data visualisation series — order matters, use in sequence */
  --chart-1:var(--forest-500);
  --chart-2:var(--lime-300);
  --chart-3:var(--blue-500);
  --chart-4:var(--amber-500);
  --chart-5:var(--magenta-700);
  --chart-6:var(--navy-900);
  --chart-7:var(--orange-500);
  --chart-8:var(--pink-300);
  --chart-grid:var(--gray-200);

  /* Tax-domain accents (ATO-facing surfaces) */
  --tax-gst:var(--blue-500);
  --tax-deduction:var(--lime-300);
  --tax-asset:var(--magenta-700);
  --tax-income:var(--forest-500);
}