/* Shared design tokens: the admin panel's palette ("Getwebup Console"). Loaded right after base.css; brandCss (Settings → Brand)
   still overrides the accent. The customer panel loads this file too, but hp/tokens.css remaps every legacy name it reads, so
   only --accent*, --band, --on-ink*, --p-*, --display-ls, --ease and --z-* reach it from here. */
:root{
  --paper:#f6f7f6; --paper-2:#eef0ef; --paper-3:#e4e7e5; --surface:#ffffff;
  --ink:#0e1512; --ink-2:#3d4842; --ink-3:#5b6660; --ink-4:#5b6660;
  --band:#0e1512; --on-ink:#ffffff; --on-ink-2:#c9d2cd; --on-ink-3:#8a968f;
  --rule:#e4e7e5; --rule-soft:#eef0ef; --rule-strong:#d5dbd8; --rule-on-ink:rgba(255,255,255,.12);

  /* accent: legacy names are the source (brandCss overrides these), new names follow them.
     The fallbacks must equal Brand::DEFAULT_COLOR (#b8412a): Brand::css() prints nothing for the default colour. */
  --accent:#b8412a; --accent-dark:#98341f; --accent-text:#98341f; --accent-soft:rgba(184,65,42,.08);
  --accent-hover:var(--accent-dark); --accent-tint:var(--accent-soft);
  --accent-rule:color-mix(in srgb,var(--accent) 32%,transparent);
  /* accent-coloured text and icons on the ink sidebar (a dark brand text colour would fail there) */
  --accent-on-ink:color-mix(in srgb,var(--accent) 40%,#fff);

  --ok:#067647;   --ok-tint:#ecfdf3;
  --warn:#b45309; --warn-tint:#fff7ed;
  --bad:#b42318;  --bad-tint:#fef2f2;
  --info:#3730a3; --info-tint:#eef2ff;
  --p-shared:#b8412a; --p-wordpress:#4b3f9e; --p-cloud:#136f63; --p-reseller:#8a3f6b; --p-vps:#2b5f7e; --p-vds:#85601a;

  /* admin sidebar: dark ink in both themes */
  --side-bg:#0e1512; --side-line:transparent; --side-fg:#c9d2cd; --side-fg-on:#ffffff; --side-sec:#8a968f;
  --side-hover:rgba(255,255,255,.06); --side-active:#1f2a25;

  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  /* headings, page titles and big numbers */
  --font-display:"Manrope","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --display-ls:-.02em;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --fs-sm:15px; --fs-xs:13px; --nav-h:72px;
  --r-card:16px; --r-btn:10px; --r-input:10px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(14,21,18,.04);
  --sh-2:0 1px 3px rgba(14,21,18,.06);
  --sh-3:0 4px 14px rgba(14,21,18,.08);
  --ease:cubic-bezier(.22,.8,.32,1); --t:200ms; --t-slow:420ms;
  --z-nav:900; --z-mega:910; --z-drawer:1000;

  /* legacy aliases: old panel CSS now follows the new palette */
  --bg:var(--paper); --line:var(--rule); --text:var(--ink); --muted:var(--ink-3);
  --ok-bg:var(--ok-tint); --warn-bg:var(--warn-tint); --bad-bg:var(--bad-tint);
  --radius:var(--r-card); --shadow:var(--sh-1);
  color-scheme:light;
}
[data-theme="dark"]{
  --paper:#0b100e; --paper-2:#161e1a; --paper-3:#1c2621; --surface:#121916;
  --ink:#eef2f0; --ink-2:#c9d2cd; --ink-3:#9aa6a0; --ink-4:#9aa6a0;
  --band:#18211d;
  --rule:#25302a; --rule-soft:#1f2924; --rule-strong:#34413a;
  --accent-text:#e07b60; --accent-soft:rgba(224,123,96,.14);
  --ok:#47cd89;   --ok-tint:rgba(71,205,137,.12);
  --warn:#f5b454; --warn-tint:rgba(245,180,84,.12);
  --bad:#f97066;  --bad-tint:rgba(249,112,102,.12);
  --info:#a5b4fc; --info-tint:rgba(165,180,252,.12);
  --side-line:#25302a;
  --sh-1:none; --sh-2:none; --sh-3:none;
  --accent-hover:var(--accent-dark); --accent-tint:var(--accent-soft);
  --bg:var(--paper); --line:var(--rule); --text:var(--ink); --muted:var(--ink-3);
  --ok-bg:var(--ok-tint); --warn-bg:var(--warn-tint); --bad-bg:var(--bad-tint);
  --radius:var(--r-card); --shadow:none;
  color-scheme:dark;
}