/* ============================================================
   Smorfitt Group - design tokens - SINGLE SOURCE OF COLOUR
   CLAUDE.md STANDING RULE 2A: colour is TOKENS ONLY.
   This static stylesheet is the ONLY place raw colour values live.
   No .blade.php file contains a hash colour code.
   Values sourced from the approved colour spec (Colours as required v5).
   ============================================================ */

:root{
  /* ---- shared neutrals / status / functional (used group-wide, prefix --u-) ---- */
  --u-white:#FFFFFF;
  --u-black:#000000;
  --u-ink:#3D3D3A;
  --u-body:#555555;
  --u-muted:#888888;
  --u-faint:#AAAAAA;
  --u-line:#E7E7E3;
  --u-chip:#F2F2F2;
  --u-bg-soft:#F7F7F5;
  --u-accent:#FF0000;
  --u-accent-hover:#FF3333;
  --u-navy:#000080;
  --u-navy-deep:#03215E;
  --u-navy-soft:#7D80B0;
  --u-navy-tint:#EAEEF6;
  --u-link:#0D6EFD;
  --u-link-tint:#EFF6FF;
  --u-product-name:#95C0D7;

  /* ============================================================
     STATUS / DECISION-MAKING TRAFFIC-LIGHT PALETTE
     ------------------------------------------------------------
     Approved, sanctioned Smorfitt Group status colours. These are
     the ONLY place green and amber appear anywhere in the group's
     software - they are a deliberate decision-making convention,
     NOT brand chrome (brand chrome stays red + navy).

     Used for:
       GREEN  (--u-ok*)     = ACCEPT / Done / Balanced / passed / go
       AMBER  (--u-warn*)   = REVIEW / Partial / caution / needs a look
       RED    (--u-danger*) = REJECT / To do / Not in balance / stop

     Live uses:
       - BudgetPilot  /budgetpilot/review  step pills + "BALANCED" gate
       - BEMT + SME Factory assessment result  .v-ACCEPT / .v-REVIEW / .v-REJECT verdict banners

     Each colour has 4 stops:  base | -deep/-ink (text) | -line (border) | -soft (fill)
     ============================================================ */
  --u-ok:#16A34A;         /* green base   */
  --u-ok-deep:#146C3A;    /* green text on a pale-green fill */
  --u-ok-line:#7BD8A0;    /* green border */
  --u-ok-soft:#EAFAF0;    /* pale-green fill */

  --u-warn:#B8860B;       /* amber base   */
  --u-warn-line:#E8A317;  /* amber border */
  --u-warn-ink:#7A5200;   /* amber text on a pale-amber fill */
  --u-warn-soft:#FFF8E1;  /* pale-amber fill */

  --u-danger:#B02A2A;     /* red base (status) - distinct from brand red #FF0000 */
  --u-danger-ink:#9C1C1C; /* red text / strong red on a pale-red fill */
  --u-danger-soft:#FDECEA;/* pale-red fill */
  /* ============================================================ */
  --u-shadow-xs:rgba(0,0,0,0.06);
  --u-shadow-sm:rgba(0,0,0,0.1);
  --u-shadow:rgba(0,0,0,0.2);
  --u-shadow-lg:rgba(0,0,0,0.5);
  --u-shadow-navy:rgba(3,33,94,0.18);
  --u-scrim-navy:rgba(3,33,94,0.55);
  --u-scrim-navy-strong:rgba(3,33,94,0.72);
  --u-navy-scrim:rgba(68,107,164,0.5);
  --u-hi-08:rgba(255,255,255,0.08);
  --u-hi-85:rgba(255,255,255,0.85);
  --u-glass:rgba(232,232,232,0.5);
  --u-glass-hi:rgba(255,255,255,0.5);
  --u-glass-strong:rgba(221,221,221,0.8);
  --u-tint-soft:rgba(177,225,225,0.12);
  --u-tint:rgba(177,225,225,0.2);
  --auth-accent:#03215E;
  --auth-button:#FF0000;
  --auth-border:#E7E7E3;

  /* ---- BEMT (--bemt-) ---- */
  --bemt-red:#FF0000;
  --bemt-red-hover:#FF3333;
  --bemt-navy:#000080;
  --bemt-navy-hover:#333399;
  --bemt-white:#FFFFFF;
  --bemt-body:#555555;
  --bemt-bg-soft:#F7F7F5;
  --bemt-line:#E7E7E3;
  --bemt-ink:#3D3D3A;
  --bemt-hero-sub:#D7DCE8;

  /* ---- Skills2Biz .com and .net (--s2b-) ---- */
  --s2b-red:#FF0000;
  --s2b-red-hover:#FF3333;
  --s2b-navy:#000080;
  --s2b-navy-hover:#333399;
  --s2b-white:#FFFFFF;
  --s2b-body:#555555;
  --s2b-bg-soft:#F7F7F5;
  --s2b-line:#E7E7E3;
  --s2b-ink:#3D3D3A;
  --s2b-hero-sub:#D7DCE8;
  --s2b-orange:var(--s2b-red);
  --s2b-g100:var(--s2b-bg-soft);
  --s2b-g200:var(--s2b-line);
  --s2b-g700:var(--s2b-ink);

  /* ---- SME Factory (--sf-) ---- */
  --sf-red:#FF0000;
  --sf-red-hover:#FF3333;
  --sf-navy:#000080;
  --sf-navy-hover:#333399;
  --sf-white:#FFFFFF;
  --sf-ink:#222222;
  --sf-body:#555555;
  --sf-muted:#777777;
  --sf-faint:#999999;
  --sf-line:#E0E0E0;
  --sf-line-soft:#CCCCCC;
  --sf-line-faint:#F2F2F2;
  --sf-bg-soft:#F7F7F5;
  --sf-bg-2:#E7E7E3;
  --sf-bg-tint:#FFF0F0;
  --sf-bg-tint-2:#FFF7F7;
  --sf-chip:#EAEEF6;
  --sf-hero-text:#D7DCE8;
  --sf-g700:#3D3D3A;

  /* ---- Smorfitt Group / smorfitt.com (--sg-) ---- */
  --sg-sidebar:220px;
  --sg-red:#FF0000;
  --sg-red-hover:#FF3333;
  --sg-navy:#03215E;
  --sg-white:#FFFFFF;
  --sg-body:#555555;
  --sg-muted:#888888;
  --sg-ink:#3D3D3A;
  --sg-line:#E7E7E3;
  --sg-bg-soft:#F7F7F5;
  --sg-hero-sub:#D7DCE8;
  --sg-highlight-soft:#FFF3F3;
  --sg-g500:#8A8A85;
  --sg-g100:var(--sg-bg-soft);
  --sg-g200:var(--sg-line);
  --sg-g700:var(--sg-ink);

  /* ---- StartSmart (--ss-) ---- */
  --ss-red:#FF0000;
  --ss-red-hover:#FF3333;
  --ss-navy:#000080;
  --ss-navy-hover:#333399;
  --ss-white:#FFFFFF;
  --ss-body:#555555;
  --ss-ink:#3D3D3A;
  --ss-line:#E7E7E3;
  --ss-bg-soft:#F7F7F5;

  /* ---- ProfitPilot (--pp-) ---- */
  --pp-light:#95C0D7;
  --pp-dark:#03215E;
  --pp-navy:#03215E;
  --pp-red:#FF0000;
  --pp-red-hover:#FF3333;
  --pp-white:#FFFFFF;
  --pp-link:#0D6EFD;
  --pp-nav-ink:#4E535D;
  --pp-dropdown-bg:#2D3748;
  --pp-glass:rgba(232,232,232,0.5);
  --pp-glass-hi:rgba(255,255,255,0.5);
  --pp-shadow:rgba(3,3,3,0.5);

  /* ---- PNX (fresh ProfitPilot Accounting, --pnx-) - added 4 Sep 2026.
     Neutral greys and the SME/Firm/Valyn product-pill colours for the
     Accounting module UI. Colour values live here per STANDING RULE 2A. ---- */
  --pnx-navy:#03215E;
  --pnx-light:#95C0D7;
  --pnx-red:#FF0000;
  --pnx-ink:#1c2530;
  --pnx-page:#EEF1F4;
  --pnx-panel:#FFFFFF;
  --pnx-border:#DDE2E8;
  --pnx-border-soft:#CFD6DE;
  --pnx-muted:#5A6472;
  --pnx-muted-soft:#7B8593;
  --pnx-field-bg:#FBFCFD;
  --pnx-th-bg:#F4F6F9;
  --pnx-total-bg:#F8FAFC;
  --pnx-flash-bg:#E8F6EC;
  --pnx-flash-line:#A9D9B8;
  --pnx-flash-ink:#1D6B39;
  --pnx-err-bg:#FDECEC;
  --pnx-err-line:#F2B6B6;
  --pnx-err-ink:#AA1111;
  --pnx-pill-sme:#1FA0DA;
  --pnx-pill-firm:#D6006D;
  --pnx-pill-valyn:#9FB6E0;

  /* ---- Valyn (--valyn-) - incl. extended status/data-viz palette (spec Section 8) ---- */
  --valyn-red:#FF0000;
  --valyn-red-hover:#FF3333;
  --valyn-red-dark:#FF3333;
  --valyn-navy:#03215E;
  --valyn-navy-deep:#021645;
  --valyn-white:#FFFFFF;
  --valyn-black:#000000;
  --valyn-ink:#3D3D3A;
  --valyn-body:#555555;
  --valyn-muted:#777777;
  --valyn-faint:#999999;
  --valyn-line:#E7E7E3;
  --valyn-bg-soft:#F7F7F5;
  --valyn-hero-sub:#C9D2E8;
  --valyn-util-sub:#AFC0E0;
  --valyn-success:#16A34A;
  --valyn-success-soft:#EAFAF0;
  --valyn-success-line:#7BD8A0;
  --valyn-success-deep:#146C3A;
  --valyn-warning:#D97706;
  --valyn-warning-soft:#FEF08A;
  --valyn-warning-deep:#B45309;
  --valyn-info:#2563EB;
  --valyn-info-soft:#EFF6FF;
  --valyn-info-line:#93C5FD;
  --valyn-info-deep:#1D4ED8;
  --valyn-danger:#B91C1C;
  --valyn-danger-soft:#FDECEA;
  --valyn-danger-alt:#EF4444;
  --valyn-danger-deep:#9C1C1C;
  --valyn-g100:var(--valyn-bg-soft);
  --valyn-g200:var(--valyn-line);
  --valyn-g500:#8A8A85;
  --valyn-g700:var(--valyn-ink);

  /* ---- Admin Console (bare names) ---- */
  --red:#FF0000;
  --red-hover:#FF3333;
  --navy:#000080;
  --ink:#1F1F1F;
  --muted:#6B6B6B;
  --line:#E2E2E2;
  --bg:#F5F5F4;
  --panel:#FFFFFF;
  --menu:#0F1230;
}
