/* ==========================================================================
   ANewLog — Design Tokens
   Ported verbatim from REFERENCE/APPROVED-PROTOTYPE/css/style.css (:root block).
   Source of truth: the approved coded prototype. Do not invent or rename
   tokens here — if a value needs to change, it changes in the approved
   prototype first, then gets re-ported.
   ========================================================================== */

/*
 * Font loading (Fraunces, Inter, IBM Plex Mono):
 * All three families are self-hosted by this theme -- see assets/css/fonts.css
 * for the @font-face declarations and assets/fonts/README.md for provenance
 * (source, exact weights, and license). No @import or Google Fonts request
 * belongs in this file; Astra's own Google-Fonts pipeline is explicitly
 * disabled in inc/fonts.php so it can't duplicate or race this.
 */

:root{
  /* Brand colors — from ANewLog Brand Colors spec, used verbatim */
  --anl-blue: #397CD5;
  --anl-light-blue: #01D1FF;
  --anl-medium-grey: #A1AEB4;
  --anl-dark-grey: #49565F;
  --anl-red: #CE151B;
  --anl-white: #FFFFFF;
  --anl-black: #000000;
  --anl-text-grey: #888888;
  --anl-charcoal: #242A2D;
  --anl-bg-light: #F0F5F8;
  --anl-cta: #1BA9EB;
  --anl-cta-secondary: #A1AEB4;
  --anl-input-inactive: #CCCCCC;
  --anl-link: #1173A0;

  /* Semantic tokens */
  --ink: var(--anl-charcoal);
  --ink-strong: var(--anl-black);
  /* --muted uses Dark Grey rather than the lighter Text Grey so small mono
     labels and eyebrows clear WCAG AA (4.5:1) on light surfaces. */
  --muted: var(--anl-dark-grey);
  --muted-on-dark: #8FA0A8;
  --line: #D8E0E5;
  --line-strong: var(--anl-medium-grey);
  --surface: var(--anl-white);
  --surface-sunken: var(--anl-bg-light);
  --surface-dark: var(--anl-charcoal);
  --surface-dark-2: #1A1E20;

  --gradient-brand: linear-gradient(90deg, var(--anl-blue) 0%, var(--anl-light-blue) 100%);

  /* Type */
  --font-display: 'Fraunces', ui-serif, Georgia, serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Spacing scale (8px baseline) */
  --sp-1: 0.5rem;   /* 8  */
  --sp-2: 1rem;     /* 16 */
  --sp-3: 1.5rem;   /* 24 */
  --sp-4: 2rem;     /* 32 */
  --sp-5: 3rem;     /* 48 */
  --sp-6: 4rem;     /* 64 */
  --sp-7: 6rem;     /* 96 */
  --sp-8: 8rem;     /* 128 */
  --sp-9: 10rem;    /* 160 */

  --container-max: 1280px;
  --edge: clamp(1.5rem, 5vw, 4.5rem);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 200ms;
  --dur-med: 300ms;
  --dur-slow: 600ms;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
}