/* AdnanThemes V2 — design tokens (C2). Midnight Violet palette, 4/8px grid. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("../inter-latin-ext.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  /* Color — brand */
  --at-brand-600:#5b3df0;   /* text/links on white: 6.1:1 */
  --at-brand-500:#6d4aff;   /* fills, buttons (white text 5.0:1) */
  --at-brand-400:#8b6bff;
  --at-brand-100:#efeaff;
  --at-brand-50:#f7f4ff;
  --at-deep:#1e1b4b;        /* dark bands */
  --at-cyan:#22d3ee;        /* accent on dark only */
  --at-cyan-700:#0e7490;    /* cyan text on white: 5.4:1 */
  --at-gradient:linear-gradient(135deg,#4f46e5 0%,#7c3aed 55%,#a855f7 100%);

  /* Color — neutrals */
  --at-ink:#0b1020;         /* headings */
  --at-text:#262b3a;        /* body: 13.9:1 */
  --at-muted:#545b6e;       /* secondary: 6.6:1 */
  --at-subtle:#6b7183;      /* tertiary: 4.9:1 */
  --at-line:#e6e6ef;
  --at-line-strong:#d4d4e2;
  --at-canvas:#f7f7fb;
  --at-surface:#ffffff;

  /* Color — status */
  --at-ok:#0f7a4c; --at-ok-bg:#e8f6ef;
  --at-warn:#8a5300; --at-warn-bg:#fff4e0;
  --at-info:#1d5bd6; --at-info-bg:#e9f0ff;
  --at-off:#545b6e; --at-off-bg:#f0f1f5;

  /* Typography */
  --at-font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --at-fs-xs:.75rem;   /* 12 */
  --at-fs-sm:.875rem;  /* 14 */
  --at-fs-md:1rem;     /* 16 */
  --at-fs-lg:1.125rem; /* 18 */
  --at-fs-xl:1.375rem; /* 22 */
  --at-fs-2xl:clamp(1.5rem,1.1rem + 1.4vw,2rem);
  --at-fs-3xl:clamp(1.875rem,1.2rem + 2.4vw,2.75rem);
  --at-fs-4xl:clamp(2.25rem,1.3rem + 3.6vw,4rem);
  --at-lh-tight:1.1; --at-lh-snug:1.3; --at-lh-body:1.6;
  --at-track-tight:-.025em;

  /* Spacing (4px base) */
  --at-s1:4px; --at-s2:8px; --at-s3:12px; --at-s4:16px; --at-s5:20px; --at-s6:24px;
  --at-s8:32px; --at-s10:40px; --at-s12:48px; --at-s16:64px; --at-s20:80px; --at-s24:96px;
  --at-section:clamp(56px,4rem + 3vw,112px);

  /* Layout */
  --at-container:1200px; --at-prose:68ch; --at-gutter:clamp(16px,4vw,32px);

  /* Radii */
  --at-r-sm:8px; --at-r-md:12px; --at-r-lg:16px; --at-r-xl:24px; --at-r-pill:999px;

  /* Elevation */
  --at-sh-1:0 1px 2px rgba(11,16,32,.06),0 1px 1px rgba(11,16,32,.04);
  --at-sh-2:0 4px 12px rgba(11,16,32,.06),0 2px 4px rgba(11,16,32,.04);
  --at-sh-3:0 18px 48px rgba(30,27,75,.14),0 4px 12px rgba(30,27,75,.06);

  /* Interaction */
  --at-focus:0 0 0 3px #fff,0 0 0 5px var(--at-brand-500);
  --at-ease:cubic-bezier(.2,.7,.2,1); --at-dur:180ms;
  --at-tap:44px;
}
@media (prefers-reduced-motion:reduce){:root{--at-dur:0ms}}