/* Design tokens — taken 1:1 from "Nado Stock Tracker" (light theme only). */
:root {
  color-scheme: light;

  /* colors */
  --primary: #0000FF;
  --primary-dark: #0000B3;
  --up: #0000FF;
  --down: #E5243F;
  --ink: #0A0A14;
  --bg: #F7F7F7;
  --surface: #FFFFFF;
  --border: #E3E3E9;
  --divider: #EEEEF2;
  --text-2: #6B6B7A;
  --text-3: #7A7A88;
  --text-4: #9A9AA6;

  --primary-a07: rgba(0, 0, 255, .07);
  --primary-a12: rgba(0, 0, 255, .12);
  --primary-a15: rgba(0, 0, 255, .15);
  --primary-a16: rgba(0, 0, 255, .16);
  --primary-a30: rgba(0, 0, 255, .30);
  --primary-a35: rgba(0, 0, 255, .35);
  --primary-a75: rgba(0, 0, 255, .75);
  --primary-a80: rgba(0, 0, 255, .80);
  --primary-a85: rgba(0, 0, 255, .85);
  --down-a06: rgba(229, 36, 63, .06);
  --down-a16: rgba(229, 36, 63, .16);
  --down-border: #F6CCD4;

  --nav-bg: rgba(247, 247, 247, .92);
  --footer-bg: rgba(247, 247, 247, .95);
  --stripes-hero: repeating-linear-gradient(132deg, #EEEEFF 0 15px, #E6E6FF 15px 30px);
  --stripes-thumb: repeating-linear-gradient(135deg, #E3E3E9 0 6px, #D6D6DE 6px 12px);

  /* type */
  --font: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;

  /* radii */
  --r-pill: 999px;
  --r-trend: 18px;
  --r-card: 17px;
  --r-group: 16px;
  --r-search: 14px;
  --r-tile: 13px;
  --r-banner: 12px;
  --r-mono: 11px;
  --r-icon: 10px;
  --r-chip: 9px;

  /* spacing */
  --gutter: 22px;
  --gutter-ob: 28px;

  /* shadows */
  --shadow-knob: 0 1px 3px rgba(0, 0, 0, .3);

  /* safe areas */
  --sat: env(safe-area-inset-top, 0px);
  --sab: env(safe-area-inset-bottom, 0px);
  --top-pad: max(var(--sat), 20px);
  --nav-pad-bottom: max(22px, var(--sab));
  --nav-h: calc(58px + var(--nav-pad-bottom));
  --max-w: 480px;
}