/* ==========================================================================
   ISM redesign — design tokens.
   Skin: OSI Network (osinetwork.com) — black chrome, OSI orange accent,
   neutral greys, #f2f7f8 page tint, Figtree type.
   Loaded ahead of every redesign stylesheet; reskin a deployment HERE.

   NOTE: the navy-* / blue-* names are the handoff spec's ROLE names and are
   kept so the ~300 references in shell/content/login CSS stay valid:
     navy-900 = rail / app bars        navy-800 = headings, dark cards
     navy-700 = dark buttons, active chips
     blue-600 = link hover             blue-500 = primary accent (links, CTAs)
     blue-400 = brand accent on dark   blue-300 = active rail icon on dark
   blue-500 is a darkened OSI orange that passes WCAG AA (5.0:1 with white,
   4.5+ on the page bg and tints); the true brand orange #ec5a30 (blue-400)
   is used on dark surfaces only.
   Alert reds are pushed toward crimson so PANIC / P1 never read as "orange
   = ordinary action".
   ========================================================================== */
:root {
	/* Brand / role palette */
	--navy-900:#0d0d0d;  --navy-800:#1a1a1a;  --navy-700:#262626;
	--blue-600:#a33c17;  --blue-500:#c0471d;  --blue-400:#ec5a30;  --blue-300:#f4875f;
	--teal:#575757;      --green:#2f7d63;
	--amber:#e6a817;     --amber-text:#8a5b12;
	--red:#b3182f;       --red-text:#9c1428;  --red-deep:#6e0b18;

	/* Neutrals (OSI greys: #000 foreground, #575757 secondary) */
	--ink:#111111;       --copy:#2b2b2b;      --secondary:#575757;  --tertiary:#5f6466;
	--muted:#6b7073;     --eyebrow:#7a7f82;   --meta:#868b8e;       --disabled:#b0b4b6;
	--divider-strong:#c9cdcf; --border:#dfe3e5; --border-light:#e8ecee;
	--rule:#eef1f2;      --surface-tint:#f7f9fa; --page-bg:#f2f7f8; --card:#ffffff;

	/* Tints (tint-blue is the accent tint — now orange) */
	--tint-blue:#fdf1ec; --tint-green:#eaf6f1; --tint-amber:#fdf4e1;
	--tint-red:#fbe9ec;  --tint-violet:#f2f0f8;
	--tint-accent-border:#f6d3c4;

	/* Dark chrome (rail, app bars, login hero) */
	--rail-text:#c2c2c2; --rail-icon:#8c8c8c; --rail-label:#6e6e6e;
	--rail-badge:#a6a6a6; --rail-strong:#ededed;
	--hero-gradient:linear-gradient(150deg, #0d0d0d 0%, #1a1a1a 58%, #3b1a0e 100%);

	/* Controls */
	--btn-dark-hover:#000000;
	--input-border:#d6dadc;
	--focus-ring:rgba(192,71,29,.16);
	--panic-glow:rgba(179,24,47,.32);

	/* Radius / shadow */
	--r-input:8px; --r-btn:8px; --r-card:12px; --r-pill:20px;
	--sh-card:0 1px 2px rgba(0,0,0,.05);
	--sh-raised:0 2px 8px rgba(0,0,0,.12);

	/* Type system (self-hosted — see fonts/redesign-fonts.css) */
	--font-head:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	--font-body:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
	--font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
}

/* BuddyX parent accents (default #ef5455 salmon) -> OSI skin. BuddyX's Kirki
   output re-declares these in a later inline :root block, so html:root
   (higher specificity) is needed for these to win regardless of order. */
html:root {
	--color-theme-primary:var(--blue-500);  --color-theme-loader:var(--blue-400);
	--color-site-title-hover:var(--blue-500);
	--color-menu-hover:var(--blue-500);     --color-menu-active:var(--blue-500);
	--color-link-hover:var(--blue-500);     --color-link-active:var(--blue-500);
	--button-background-color:var(--blue-500); --button-background-hover-color:var(--blue-600);
	--button-border-color:var(--blue-500);  --button-border-hover-color:var(--blue-600);
	--color-footer-link-hover:var(--blue-500); --color-copyright-link-hover:var(--blue-500);
}