/* ============================================================
   Adrian Petrasch · shared design tokens
   Loaded by both the main site (/index.html) and /learnings/.
   Keep this file ONLY for variables, reset, and root-level
   primitives — no opinionated component styles.
   ============================================================ */

:root,
:root[data-theme="dark"]{
  /* Color palette — dark (default) */
  --bg:#050202;
  --bg2:#0A0405;
  --bge:#120808;
  --gd:#2A0810;
  --gm:#4A0A15;
  --ga:#7A0010;
  --ac:#FF4500;
  --ab:#FF6A33;
  --ad:rgba(255,69,0,.06);
  --gl:rgba(15,5,5,.55);
  --gls:rgba(18,8,8,.75);
  --bd:rgba(255,255,255,.05);
  --bh:rgba(255,255,255,.10);
  --t1:#F5F0F0;
  --t2:#D0C5C5;
  --t3:#8A7377;

  /* Type stack */
  --fh:'Space Grotesk',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  --fb:'Inter',-apple-system,BlinkMacSystemFont,Arial,sans-serif;
  --fm:'Space Mono',ui-monospace,Menlo,monospace;

  /* Radii */
  --r:16px;
  --rl:24px;

  color-scheme:dark;
}

:root[data-theme="light"]{
  /* Reading area = pure white. Sidebar/cards take --bg2 for separation. */
  --bg:#FFFFFF;
  --bg2:#F4F1ED;     /* warm off-white for sidebar/chrome */
  --bge:#EAE5DE;
  --gd:#7A0010;
  --gm:#FF4500;
  --ga:#C7320A;
  --ac:#C7320A;      /* deeper orange — readable on white, less "smudge" */
  --ab:#A8270A;      /* even deeper for hover/links */
  --ad:rgba(199,50,10,.04);
  --gl:#FFFFFF;
  --gls:#FBFAF8;
  --bd:rgba(0,0,0,.09);
  --bh:rgba(0,0,0,.18);
  --t1:#0E0808;
  --t2:#3A2F30;
  --t3:#76696B;
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;overflow-x:clip}
html{
  scroll-behavior:smooth;
  -webkit-text-size-adjust:100%;
}
body{
  background:var(--bg);
  color:var(--t1);
  font-family:var(--fb);
  font-weight:300;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

img,video,iframe{max-width:100%;height:auto;display:block;border:0}
button{font:inherit;color:inherit}
input,textarea,select{font:inherit;color:inherit}
::selection{background:rgba(255,69,0,.35);color:#fff}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  html{scroll-behavior:auto}
}