/* Design tokens.
   Single source of truth for colours, surfaces and radii.
   Change a value here and it applies everywhere. Do not redeclare these in other files. */

:root {
  /* Brand and surfaces */
  --navy: #071f3d;
  --navy-2: #0e3159;
  --ink: #0c2340;
  --muted: #587089;
  --line: #d8e5ee;
  --surface: #ffffff;
  --surface-soft: #f5f8fa;
  --shadow: 0 12px 36px rgba(24,59,91,.10);
  --radius: 18px;
  --accent: #11c9ef;

  /* Subject tones */
  --physics: #069974;
  --chem: #069974;
  --math: #6e7def;
  --break: #fff5e7;

  /* Other */
  --break-line: #ead9bd;
  --meal: #f5a524;
  --page: #eef7fb;
  --sm-ink: #0b1d3a;
  --sm-muted: #71809b;
  --sm-page: #f3f6fa;
  --sm-card: rgba(255,255,255,.92);
  --sm-blue: #1677f2;
  --sm-line: rgba(101,126,164,.16);
  --sm-shadow: 0 18px 44px rgba(36,68,113,.10), 0 2px 8px rgba(36,68,113,.05);

  /* Motion */
  --dur-instant: 90ms;
  --dur-fast: 150ms;
  --dur-base: 240ms;
  --dur-slow: 380ms;
  --ease-out: cubic-bezier(.22,.75,.28,1);
  --ease-in-out: cubic-bezier(.5,0,.2,1);
  --ease-spring: cubic-bezier(.32,1.28,.5,1);
  --stagger: 26ms;
  --press-scale: .975;
}