/* Design tokens shared by the site and the admin panel. */
@import url("../fonts/fonts.css");

:root {
  --navy: #1b1958;
  --navy-deep: #0f0d33;
  --navy-ink: #16143f;
  --sea: #2f4aa0;
  --sea-light: #9fb3e6;
  --foam: #f7f5ef;
  --paper: #fbfaf6;
  --sand: #e9dcc0;
  --orange: #d7271f;
  --orange-deep: #b31b14;
  --red: #d6402f;
  --green: #2f7d5b;
  --text: #16143f;
  --muted: #5b6b7a;
  --line: rgba(27, 25, 88, 0.14);
  --line-strong: rgba(27, 25, 88, 0.28);

  --glass: rgba(247, 245, 239, 0.86);
  --glass-strong: rgba(251, 250, 246, 0.95);
  --glass-dark: rgba(15, 13, 51, 0.72);

  --font-display: "Unbounded", "Manrope", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  --radius: 14px;
  --radius-sm: 10px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(15, 13, 51, 0.08), 0 2px 8px rgba(15, 13, 51, 0.06);
  --shadow: 0 10px 30px rgba(15, 13, 51, 0.14), 0 2px 6px rgba(15, 13, 51, 0.08);
  --shadow-lg: 0 24px 60px rgba(15, 13, 51, 0.22), 0 6px 16px rgba(15, 13, 51, 0.1);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.45s;
}