/* ── GyanBits palette ──────────────────────────────────────────────
   Two-pole brand: "gyan" (knowledge) = warm saffron; "bits" (systems) =
   deep ink + circuit teal. Neutrals are blue-cooled graphite. */
:root{
/* ink / neutral ramp (cool graphite) */
--ink-1000:#080c14;--ink-900:#0e1420;--ink-800:#161e2d;--ink-700:#1f2a3d;--ink-600:#2c3a51;
--ink-500:#475972;--ink-400:#6c7d95;--ink-300:#97a5b8;--ink-200:#c3ccd8;--ink-150:#dde3ea;
--ink-100:#eaeef3;--ink-50:#f4f6f9;--ink-25:#fafbfc;--white:#ffffff;

/* primary — Saffron (knowledge) */
--saffron-700:#8a3805;--saffron-600:#b34a06;--saffron-500:#dc5f08;--saffron-400:#ef7a1e;
--saffron-300:#f79f5c;--saffron-200:#fbc79b;--saffron-100:#fde6d3;--saffron-50:#fef6ee;

/* secondary — Circuit Teal (systems) */
--teal-700:#0a4f52;--teal-600:#0c6b6d;--teal-500:#108a89;--teal-400:#26a8a3;
--teal-300:#67c6c1;--teal-200:#a9e0dc;--teal-100:#d8f1ef;--teal-50:#eff9f8;

/* semantic hues */
--green-600:#166f45;--green-500:#1f8f57;--green-100:#dcf1e5;
--amber-600:#9a6b00;--amber-500:#c98a00;--amber-100:#fbeecb;
--red-600:#a52a1a;--red-500:#c4321f;--red-100:#fbe3de;
--blue-600:#1f5590;--blue-500:#2a6bb0;--blue-100:#dfeaf6;

/* domain accents — the five practice areas */
--domain-art:#b8437f;--domain-business:#2a6bb0;--domain-health:#108a89;
--domain-manufacturing:#dc5f08;--domain-finance:#166f45;

/* ── semantic aliases ── */
--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);
--text-faint:var(--ink-400);--text-inverse:var(--white);--text-accent:var(--saffron-600);
--text-link:var(--teal-600);--text-link-hover:var(--teal-700);

--surface-page:var(--ink-25);--surface-card:var(--white);--surface-sunken:var(--ink-50);
--surface-raised:var(--white);--surface-inverse:var(--ink-900);--surface-inverse-2:var(--ink-800);
--surface-accent-soft:var(--saffron-50);--surface-teal-soft:var(--teal-50);

--border-hairline:var(--ink-150);--border-strong:var(--ink-200);--border-inverse:var(--ink-700);
--border-focus:var(--teal-500);--border-accent:var(--saffron-400);

--action-primary:var(--saffron-500);--action-primary-hover:var(--saffron-600);
--action-primary-press:var(--saffron-700);--action-primary-text:var(--white);
--action-secondary:var(--ink-900);--action-secondary-hover:var(--ink-800);
--action-ghost-hover:var(--ink-50);--action-disabled:var(--ink-150);
--action-disabled-text:var(--ink-400);

--status-ok:var(--green-500);--status-ok-soft:var(--green-100);
--status-warn:var(--amber-500);--status-warn-soft:var(--amber-100);
--status-error:var(--red-500);--status-error-soft:var(--red-100);
--status-info:var(--blue-500);--status-info-soft:var(--blue-100);

--focus-ring:0 0 0 3px rgba(16,138,137,.28);
--grid-line:rgba(44,58,81,.10);
}
/* dark scope: apply .gb-dark to any container */
.gb-dark{
--text-strong:var(--white);--text-body:var(--ink-200);--text-muted:var(--ink-300);
--text-faint:var(--ink-400);--text-inverse:var(--ink-900);--text-accent:var(--saffron-300);
--text-link:var(--teal-300);--text-link-hover:var(--teal-200);
--surface-page:var(--ink-1000);--surface-card:var(--ink-900);--surface-sunken:var(--ink-1000);
--surface-raised:var(--ink-800);--surface-inverse:var(--white);--surface-inverse-2:var(--ink-50);
--surface-accent-soft:rgba(220,95,8,.14);--surface-teal-soft:rgba(16,138,137,.16);
--border-hairline:var(--ink-700);--border-strong:var(--ink-600);--border-inverse:var(--ink-200);
--action-secondary:var(--white);--action-secondary-hover:var(--ink-100);
--action-ghost-hover:var(--ink-800);--action-disabled:var(--ink-700);--action-disabled-text:var(--ink-500);
--grid-line:rgba(195,204,216,.10);
}