/* AgenticDome design tokens: the single source of colour and type for the logged-in
   product. Values follow the public site (Inter, Space Grotesk, #1E4FD8, #F3F5F8).
   Area stylesheets map their own variables onto these; add new colours here only.
   tests/Unit/AgenticDomeDesignFoundationTest.php checks the contrast pairs below. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url('../fonts/action-layers/inter-latin.woff2') format('woff2')}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:500 700;font-display:swap;src:url('../fonts/action-layers/space-grotesk-latin.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/agentguard-respond/ibm-plex-mono-regular.ttf') format('truetype')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500 700;font-display:swap;src:url('../fonts/agentguard-respond/ibm-plex-mono-medium.ttf') format('truetype')}

:root{
  --ad-sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ad-display:"Space Grotesk",Inter,system-ui,sans-serif;
  --ad-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --ad-navy:#0B1422;
  /* Code panels stay dark in both themes (like the public site): light text on navy. */
  --ad-code-bg:#0B1422;--ad-code-ink:#E9EDF6;--ad-code-muted:#9FB0CC;--ad-code-line:#2B3A55;--ad-code-accent:#93B4FF;
  /* Fill stays the same in both themes so white text on a primary button always passes. */
  --ad-accent-fill:#1E4FD8;--ad-accent-fill-hover:#163BA6;--ad-on-accent-fill:#FFFFFF;

  --ad-bg:#F3F5F8;--ad-surface:#FFFFFF;--ad-surface-2:#F8F9FC;--ad-sunken:#EEF1F5;
  --ad-line:#DCE1E8;--ad-line-2:#C9D2E0;
  --ad-ink:#0D1B2A;--ad-ink-2:#314159;--ad-ink-3:#5A677B;
  --ad-accent:#1E4FD8;--ad-accent-hover:#163BA6;--ad-accent-ink:#FFFFFF;--ad-accent-soft:#EEF3FF;
  --ad-allow:#0F7050;--ad-allow-soft:#E1F3EA;
  --ad-hold:#8A5300;--ad-hold-soft:#FBEFD9;
  --ad-block:#B3263B;--ad-block-soft:#FBE4E7;
  --ad-anom:#6238C2;--ad-anom-soft:#EEE7FB;
  --ad-shadow:0 1px 2px rgba(13,27,42,.06),0 8px 24px -12px rgba(13,27,42,.18);
}

:root[data-theme="dark"],:root[data-bs-theme="dark"]{
  --ad-bg:#0B1422;--ad-surface:#142237;--ad-surface-2:#1A2B44;--ad-sunken:#0F1B2D;
  --ad-line:#2B3A55;--ad-line-2:#42536E;
  --ad-ink:#E9EDF6;--ad-ink-2:#BFCBDD;--ad-ink-3:#9FB0CC;
  --ad-accent:#93B4FF;--ad-accent-hover:#ADC7F3;--ad-accent-ink:#0B1422;--ad-accent-soft:#1C2F55;
  --ad-allow:#5BD6A2;--ad-allow-soft:#123024;
  --ad-hold:#F0B45A;--ad-hold-soft:#33260F;
  --ad-block:#FF8A99;--ad-block-soft:#3A1720;
  --ad-anom:#C0A8FF;--ad-anom-soft:#2A2047;
  --ad-shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -12px rgba(0,0,0,.6);
  --ad-code-bg:#0F1B2D;--ad-code-line:#42536E;
  color-scheme:dark;
}

/* Brand headings and shared chrome for every logged-in frame. */
:root[data-ad-app] :is(h1,h2,h3){font-family:var(--ad-display)!important}
:root[data-ad-app] ::placeholder{color:var(--ad-ink-3)!important;font-weight:400!important;opacity:1}

.ad-theme-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:0 8px;background:transparent;border:1px solid var(--ad-line-2);border-radius:8px;color:var(--ad-ink-2);cursor:pointer}
.ad-theme-toggle:hover{background:var(--ad-sunken);color:var(--ad-ink)}
.ad-theme-toggle:focus-visible{outline:2px solid var(--ad-accent);outline-offset:2px}
.ad-theme-toggle svg{display:block}

.ad-app-footer{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--ad-line);background:transparent;color:var(--ad-ink-3);font:400 12.5px/1.5 var(--ad-sans)}
.ad-app-footer nav{display:flex;flex-wrap:wrap;gap:4px 14px}
.ad-app-footer a{color:var(--ad-ink-2);text-decoration:underline;text-underline-offset:2px}
.ad-app-footer a:hover{color:var(--ad-accent)}