/* Design tokens. The numeric file prefixes give Propshaft's `:app` bulk include
   a deterministic cascade order, since it sorts the load path alphabetically.

   The five brand values are read out of app/assets/images/nachteulen-logo.png:
   the blue of the lettering, the taupe of the owl, and the orange and yellow of
   its eyes. Everything else is derived from them. */

:root {
  --paper: #faf8f5;
  --paper-deep: #f1ede7;
  --surface: #ffffff;
  --ink: #21262e;
  --ink-soft: #4a5260;
  --muted: #6f645b;
  --line: #e4ddd3;
  --line-strong: #cdc3b6;

  --blue: #153a67;
  --blue-dark: #0e2846;
  --blue-light: #e8f0f8;
  --taupe: #8a7564;
  --berry: #a32d24;
  --berry-dark: #7d1f19;
  --berry-light: #fbeae7;
  --gold: #ed9f0b;
  --gold-light: #fdf2dd;
  --yellow: #e0d312;

  --ok: #2d6a4f;
  --ok-light: #e6f3ec;
  --warn: #8a5f0f;
  --warn-light: #fdf3dd;
  --err: #a32d24;
  --err-light: #fbeae7;

  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 20px;

  --shadow-sm: 0 1px 2px rgb(21 38 62 / 7%), 0 1px 3px rgb(21 38 62 / 5%);
  --shadow: 0 2px 6px rgb(21 38 62 / 7%), 0 12px 28px rgb(21 38 62 / 10%);

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --serif: ui-serif, Georgia, "Iowan Old Style", "Palatino Linotype", serif;
}