/*
 * Masir Fartak 2027 — Design Tokens
 * Single source of truth for front-end colors, typography and interaction states.
 * v1.9.0
 */
:root{
  color-scheme:dark;
  --mft-bg:#090909;
  --mft-bg-elevated:#0d0d0d;
  --mft-surface:#121212;
  --mft-surface-2:#181818;
  --mft-surface-3:#202020;
  --mft-surface-hover:#262626;
  --mft-input-bg:#141414;
  --mft-header-bg:rgba(11,11,11,.72);
  --mft-header-bg-scrolled:rgba(11,11,11,.86);
  --mft-header-border:rgba(255,255,255,.08);

  --mft-text:#f4f4f4;
  --mft-text-soft:#d5d5d5;
  --mft-muted:#969696;
  --mft-muted-2:#737373;

  --mft-border:#303030;
  --mft-border-soft:#242424;
  --mft-border-strong:#454545;

  --mft-accent:#343434;
  --mft-accent-hover:#454545;
  --mft-accent-strong:#bdbdbd;
  --mft-on-accent:#ffffff;

  --mft-status-success:#d5d5d5;
  --mft-status-success-bg:#181818;
  --mft-status-danger:#d5d5d5;
  --mft-status-danger-bg:#181818;
  --mft-status-warning:#d5d5d5;
  --mft-status-warning-bg:#181818;

  --mft-overlay-soft:rgba(255,255,255,.035);
  --mft-overlay:rgba(255,255,255,.065);
  --mft-overlay-strong:rgba(0,0,0,.48);
  --mft-overlay-heavy:rgba(0,0,0,.78);
  --mft-shadow-color:rgba(0,0,0,.34);
  --mft-shadow-color-soft:rgba(0,0,0,.20);

  --mft-shadow-sm:0 8px 24px var(--mft-shadow-color-soft);
  --mft-shadow-md:0 14px 38px var(--mft-shadow-color);

  --mft-font-body:15px;
  --mft-font-small:12px;
  --mft-font-h1:clamp(26px,2.15vw,34px);
  --mft-font-h2:clamp(21px,1.7vw,28px);
  --mft-font-h3:clamp(18px,1.25vw,22px);
  --mft-font-h4:17px;

  --mft-radius-sm:10px;
  --mft-radius-md:14px;
  --mft-radius-lg:18px;
  --mft-radius-xl:22px;

  --mft-header-height:64px;
  --mft-header-height-mobile:58px;
  --mft-content-start:16px;
  --mft-content-start-mobile:12px;

  /* Core aliases: modules consume the same design system. */
  --mfc-bg:var(--mft-bg);
  --mfc-card:var(--mft-surface);
  --mfc-card2:var(--mft-surface-2);
  --mfc-text:var(--mft-text);
  --mfc-muted:var(--mft-muted);
  --mfc-gold:var(--mft-accent-strong);
  --mfc-blue:var(--mft-accent-strong);
  --mfc-border:var(--mft-border);
}

/* Global preset 01 — black minimal. Kept explicit for predictable switching. */
body.mft-site-theme-black{
  color-scheme:dark;
  --mft-bg:#090909;--mft-bg-elevated:#0d0d0d;--mft-surface:#121212;--mft-surface-2:#181818;--mft-surface-3:#202020;--mft-surface-hover:#262626;--mft-input-bg:#141414;
  --mft-header-bg:rgba(11,11,11,.72);--mft-header-bg-scrolled:rgba(11,11,11,.9);--mft-header-border:rgba(255,255,255,.08);
  --mft-text:#f4f4f4;--mft-text-soft:#d5d5d5;--mft-muted:#969696;--mft-muted-2:#737373;
  --mft-border:#303030;--mft-border-soft:#242424;--mft-border-strong:#454545;
  --mft-accent:#343434;--mft-accent-hover:#454545;--mft-accent-strong:#bdbdbd;--mft-on-accent:#ffffff;
  --mft-overlay-soft:rgba(255,255,255,.035);--mft-overlay:rgba(255,255,255,.065);--mft-overlay-strong:rgba(0,0,0,.48);--mft-overlay-heavy:rgba(0,0,0,.78);
  --mft-shadow-color:rgba(0,0,0,.34);--mft-shadow-color-soft:rgba(0,0,0,.20);
}

/* Global preset 02 — deep navy and warm gold, derived from the supplied reference. */
body.mft-site-theme-navy-gold{
  color-scheme:dark;
  --mft-bg:#050f1c;--mft-bg-elevated:#071525;--mft-surface:#091a2c;--mft-surface-2:#0d2239;--mft-surface-3:#132d49;--mft-surface-hover:#173a5c;--mft-input-bg:#081726;
  --mft-header-bg:rgba(5,15,28,.76);--mft-header-bg-scrolled:rgba(5,15,28,.93);--mft-header-border:rgba(159,191,222,.16);
  --mft-text:#f7f9fc;--mft-text-soft:#d8e2ed;--mft-muted:#91a8c1;--mft-muted-2:#6f879f;
  --mft-border:rgba(141,176,211,.24);--mft-border-soft:rgba(141,176,211,.14);--mft-border-strong:rgba(239,189,77,.52);
  --mft-accent:#b47e18;--mft-accent-hover:#cf982b;--mft-accent-strong:#efbd4d;--mft-on-accent:#111923;
  --mft-status-success:#8ee0b3;--mft-status-success-bg:#0b2c25;--mft-status-danger:#ffaaa3;--mft-status-danger-bg:#321b22;--mft-status-warning:#f2ce76;--mft-status-warning-bg:#302610;
  --mft-overlay-soft:rgba(204,226,247,.045);--mft-overlay:rgba(204,226,247,.085);--mft-overlay-strong:rgba(3,12,23,.55);--mft-overlay-heavy:rgba(2,9,17,.82);
  --mft-shadow-color:rgba(0,6,14,.48);--mft-shadow-color-soft:rgba(0,6,14,.28);
}