/* Cliptica — Ledger design tokens (shared by every app page).
   Dark is the default (:root). Light mode is the paper side of the Ledger,
   applied via [data-theme="light"] on <html> by theme-boot.js. Broadcast
   Orange (--accent #E8490F) is the permanent brand fill in both themes; the
   link/tick accent (--accent2) deepens on paper so it stays readable (AA). */
:root{
  --bg:#0B0B0D; --s1:#131316; --s2:#1A1B1F; --s3:#222327;
  --border:rgba(255,255,255,.08); --border2:rgba(255,255,255,.14);
  --text:#F4F3EF; --muted:#8E8F98;
  --accent:#E8490F; --accent-deep:#C93F0D; --accent2:#FF7A4D;
  --danger:#EF5D56; --green:#33B87A; --yellow:#E8B84D;
  --font:'Instrument Sans',-apple-system,'Segoe UI',sans-serif;
  --mono:'Instrument Sans',-apple-system,'Segoe UI',sans-serif;
  --radius:8px; --radius-lg:12px;
  --snap:cubic-bezier(.2,0,0,1);
  --top-bg:rgba(11,11,13,.94);
  color-scheme:dark;
}
[data-theme="light"]{
  --bg:#EDEBE3; --s1:#FBFAF6; --s2:#F3F1EA; --s3:#E6E3D9;
  --border:rgba(24,24,27,.12); --border2:rgba(24,24,27,.20);
  --text:#18191C; --muted:#5E6069;
  --accent:#E8490F; --accent-deep:#B83A0A; --accent2:#BE3A0A;
  --danger:#C62F22; --green:#1C8F59; --yellow:#8A6410;
  --top-bg:rgba(251,250,246,.94);
  color-scheme:light;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;-webkit-font-smoothing:antialiased;}
button,input,select,textarea{font-family:inherit;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;}

::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:var(--bg);}
::-webkit-scrollbar-thumb{background:var(--s3);border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:var(--border2);}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;}}
/* User-forced reduced motion (Settings › Appearance), independent of the OS. */
[data-motion="reduced"] *{animation-duration:.01ms!important;transition-duration:.01ms!important;
  scroll-behavior:auto!important;}
