/* whale.today — shared styling primitives */

:root {
  --bg-0: #0a0612;
  --bg-1: #150a24;
  --ink: #f0e8ff;
  --dim: #b9a8d6;
  --pyre:     #ff723a;
  --tide:     #34a6f2;
  --fracture: #d93a8c;
  --spiral:   #8d4dff;
  --bloom:    #74f274;
  --shadow:   #1a0d33;
  --serif: 'Fraunces', 'EB Garamond', Georgia, 'Times New Roman', serif;
  --sans:  -apple-system, BlinkMacSystemFont, 'Inter', 'Helvetica Neue', system-ui, sans-serif;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; padding: 0; height: 100%; background: var(--bg-0); color: var(--ink); font-family: var(--sans); }
body { overscroll-behavior: none; -webkit-user-select: none; user-select: none; }

a { color: inherit; }

.role-pyre     { --role: var(--pyre); }
.role-tide     { --role: var(--tide); }
.role-fracture { --role: var(--fracture); }
.role-spiral   { --role: var(--spiral); }
.role-bloom    { --role: var(--bloom); }
.role-shadow   { --role: var(--shadow); }