/*
  DESIGN TOKENS
  =============
  Source of truth for future shared values. Legacy aliases are retained
  separately so existing pages do not visually change during migration.
*/

:root {
  /* Typography */
  --font-display: "Oxanium", Arial, sans-serif;

  /* Core color system */
  --color-navy: #181a3f;
  --color-navy-deep: #0b1012;
  --color-paper: #f6f5f3;
  --color-paper-soft: #f4f3f0;
  --color-ink-dark: #121719;
  --color-ink-light: #f4f3f0;
  --color-muted-light: rgba(244, 243, 240, .62);
  --color-muted-dark: rgba(23, 25, 44, .78);

  /* Brand accents */
  --color-brand-red: #d52b32;
  --color-r3-red: #ff443d;
  --r3-red: var(--color-r3-red);

  /* Shared legal-modal accent: must be root-scoped because the same modal is used on Home and Contact. */
  --contact-red: var(--color-r3-red);

  /* Global footer standard */
  --footer-w: clamp(147px, 8.1vw, 198px);
  --footer-accent-w: 7.5px;
  --footer-accent-h-mobile: 9px;

  /* Surfaces */
  --color-footer-surface: #e5e5e5;
  --color-footer-ink: #121719;
  --color-rule-dark: #17192c;
  --color-rule-light: rgba(255, 255, 255, .42);

  /* Shared motion */
  --ease-standard: cubic-bezier(.22, .61, .36, 1);

  /* Structural dimensions */
  --rail-width: var(--rail-w);
  --footer-width: var(--footer-w);

  /* Content-copy standard */
  --content-heading-size: clamp(20px, 1.55vw, 32px);
  --content-heading-weight: 500;
  --content-heading-line-height: 1.18;
  --content-heading-spacing: .02em;
  --content-copy-size: clamp(13px, .9vw, 17px);
  --content-copy-weight: 300;
  --content-copy-line-height: 1.72;
  --content-copy-gap: 22px;

  /* Standard visual language */
  --dot-grid-light: radial-gradient(circle at 1px 1px, rgba(23,25,44,.075) 0 1px, transparent 1.45px);
  --dot-grid-dark: radial-gradient(circle at 1px 1px, rgba(244,243,240,.055) 0 1px, transparent 1.45px);
  --dot-grid-size: 28px 28px;

  /* Approved Philosophy editorial gradient */
  --gradient-philosophy-paper: linear-gradient(
    90deg,
    rgb(224 224 224 / 92%) 0%,
    rgb(223 227 236 / 82%) 15%,
    rgba(229, 232, 237, .56) 31%,
    rgba(242, 243, 246, .20) 47%,
    rgba(246, 245, 243, 0) 62%
  );
}