/* AhlSight — theme tokens (light + dark). Loaded by both the app and the home page. */
:root{
  /* dark (default) */
  --bg:#0a0d11; --bg2:#12161c; --panel:#171c23; --panel2:#1d232c;
  --line:#2a323d; --line2:#39434f;
  --ink:#eef2f6; --ink2:#aab4c0; --ink3:#6f7c8a;
  --amber:#f2662a; --amber2:#ff8a4a; --amber-dim:#c0481a;
  --green:#4bd07b; --red:#ff5d5d; --blue:#4aa3ff;
  --glass:rgba(10,13,17,.90); --glass2:rgba(10,13,17,.82);
  --shadow:0 8px 26px rgba(0,0,0,.42);
  --glow:radial-gradient(1100px 640px at 50% -12%, rgba(242,102,42,.10), transparent 60%);
  --carbon:
    repeating-linear-gradient(45deg, rgba(255,255,255,.030) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(-45deg, rgba(255,255,255,.030) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(45deg, rgba(0,0,0,.34) 0 4px, transparent 4px 8px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.34) 0 4px, transparent 4px 8px),
    linear-gradient(135deg,#161b22,#0c1015);
  --carbon-size:6px 6px, 6px 6px, 8px 8px, 8px 8px, 100% 100%;
  --twill:
    repeating-linear-gradient(45deg, rgba(255,255,255,.022) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.16) 0 2px, transparent 2px 4px);
  --twill-size:6px 6px, 6px 6px;
  --carbon-op:1;
  --chart-grid:#232b34; --chart-axis:#6f7c8a; --chart-los:#4aa3ff; --chart-line:#ff9e2c;
  --reticle-line:#c9d3dd; --reticle-dim:#39434f; --reticle-bg1:#20303f; --reticle-bg2:#0c1218;
  --radius:14px; --radius-sm:9px;
  --safe-b:env(safe-area-inset-bottom,0px); --safe-t:env(safe-area-inset-top,0px);
  color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#eef1f5; --bg2:#ffffff; --panel:#ffffff; --panel2:#f5f8fb;
  --line:#dde3ea; --line2:#c6cfd9;
  --ink:#131922; --ink2:#4d5865; --ink3:#7c8896;
  --amber:#d9531c; --amber2:#bd450f; --amber-dim:#a83e0a;
  --green:#12915a; --red:#d23a3a; --blue:#1f74cf;
  --glass:rgba(240,242,246,.90); --glass2:rgba(240,242,246,.82);
  --shadow:0 6px 20px rgba(23,40,66,.12);
  --glow:radial-gradient(1100px 640px at 50% -12%, rgba(217,83,28,.06), transparent 60%);
  --carbon:
    repeating-linear-gradient(45deg, rgba(0,0,0,.045) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.045) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(45deg, rgba(0,0,0,.08) 0 4px, transparent 4px 8px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.08) 0 4px, transparent 4px 8px),
    linear-gradient(135deg,#e9edf2,#dbe1e8);
  --carbon-size:6px 6px, 6px 6px, 8px 8px, 8px 8px, 100% 100%;
  --twill:
    repeating-linear-gradient(45deg, rgba(0,0,0,.028) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.028) 0 2px, transparent 2px 4px);
  --twill-size:6px 6px, 6px 6px;
  --carbon-op:1;
  --chart-grid:#e4e9ef; --chart-axis:#7c8896; --chart-los:#1f74cf; --chart-line:#e77f14;
  --reticle-line:#3a4652; --reticle-dim:#c6cfd9; --reticle-bg1:#dfe7ef; --reticle-bg2:#f3f6f9;
  color-scheme:light;
}
html,body{background:var(--bg);}

/* theme toggle (badge art) */
.theme-toggle{background:none;border:none;padding:0;cursor:pointer;line-height:0;display:inline-flex}
.theme-toggle img{height:34px;width:auto;display:block;border-radius:9px}
.theme-toggle.lg img{height:44px}
/* show the badge for the mode you'll switch TO */
.theme-toggle .to-dark{display:none}
.theme-toggle .to-light{display:none}
html[data-theme="light"] .theme-toggle .to-dark{display:block}
html[data-theme="dark"]  .theme-toggle .to-light{display:block}

/* Ahlchemy company badge (footer) — shared by app + home */
.ahlchemy-badge{display:inline-flex;align-items:center;gap:10px;color:var(--ink2);font-weight:700;text-decoration:none}
.ahlchemy-badge img{width:36px;height:36px;border-radius:50%;display:block}
.ahlchemy-badge:hover{color:var(--ink)}
/* brand mark image in headers */
.brandmark img.mark,.nav .brand img.mark{width:32px;height:32px;display:block;flex:none}

/* carbon-fiber backdrop (shared by app + home) */
body{position:relative;background:var(--bg)}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:var(--carbon);background-size:var(--carbon-size);opacity:var(--carbon-op)}
body::after{content:"";position:fixed;inset:0;z-index:-1;background:var(--glow);pointer-events:none}