/* Shared design tokens: admin + user panel. Loaded right after base.css; brandCss (settings) still overrides accent. */
/* Light + dark values sampled from the marketing site (fasterhost.in). */
:root{
  --paper:#fbfaf8; --paper-2:#f3f1ec; --paper-3:#eae7e0; --surface:#ffffff;
  --ink:#1a1815; --ink-2:#4a453d; --ink-3:#726c63; --ink-4:#777169;
  --band:#1a1815; --on-ink:#f7f5f1; --on-ink-2:rgba(247,245,241,.68); --on-ink-3:rgba(247,245,241,.44);
  --rule:rgba(26,24,21,.13); --rule-soft:rgba(26,24,21,.07); --rule-strong:rgba(26,24,21,.28); --rule-on-ink:rgba(247,245,241,.16);

  /* accent: legacy names are the source (brandCss overrides these), new names follow them */
  --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);

  --ok:#2f6f43;   --ok-tint:rgba(47,111,67,.10);
  --warn:#96650f; --warn-tint:rgba(150,101,15,.12);
  --bad:#a63328;  --bad-tint:rgba(166,51,40,.10);
  --p-shared:#b8412a; --p-wordpress:#4b3f9e; --p-cloud:#136f63; --p-reseller:#8a3f6b; --p-vps:#2b5f7e; --p-vds:#85601a;

  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  /* headings, page titles and big numbers */
  --font-display:var(--font);
  --display-ls:0;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --fs-sm:15px; --fs-xs:13px; --nav-h:72px;
  --r-card:16px; --r-btn:8px; --r-input:8px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(26,24,21,.04);
  --sh-2:0 1px 3px rgba(26,24,21,.06),0 1px 2px rgba(26,24,21,.03);
  --sh-3:0 4px 14px rgba(26,24,21,.07),0 1px 3px rgba(26,24,21,.04);
  --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-2);
  color-scheme:light;
}
[data-theme="dark"]{
  --paper:#141310; --paper-2:#1b1a16; --paper-3:#24221e; --surface:#1b1a16;
  --ink:#f4f2ed; --ink-2:#c7c1b7; --ink-3:#958e84; --ink-4:#847e74;
  --band:#201e1a;
  --rule:rgba(244,242,237,.15); --rule-soft:rgba(244,242,237,.08); --rule-strong:rgba(244,242,237,.30);
  --accent-text:#e07b60; --accent-soft:rgba(224,123,96,.14);
  --ok:#5fb27a;   --ok-tint:rgba(95,178,122,.14);
  --warn:#d9a441; --warn-tint:rgba(217,164,65,.15);
  --bad:#e0685c;  --bad-tint:rgba(224,104,92,.15);
  --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;
}