/* ==========================================
   DESIGN TOKENS — lauden.dev
   Editorial engineering journal aesthetic.
   ========================================== */

:root {
  /* ---- Color: dark, precise, single cool accent ---- */
  --bg:            #161b24;
  --bg-raised:     #1c222d;
  --bg-card:       #1f2631;
  --bg-inset:      #12161e;
  --line:          #313a49;
  --line-strong:   #4a5568;

  --text:          #f2f4f7;
  --text-dim:      #b7c0cd;
  --text-faint:    #838f9f;

  --accent:        #a8c5e8;   /* cool pastel periwinkle */
  --accent-dim:    #7fa3cc;
  --accent-wash:   rgba(168, 197, 232, 0.08);
  --accent-line:   rgba(168, 197, 232, 0.25);

  --ok:            #6bcf9e;
  --info:          #6ba3d4;

  --shadow-sm:     0 1px 2px rgba(0,0,0,0.4);
  --shadow-md:     0 4px 16px rgba(0,0,0,0.35);
  --shadow-lg:     0 12px 40px rgba(0,0,0,0.45);

  /* ---- Type ---- */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:    'IBM Plex Mono', 'SF Mono', Consolas, monospace;

  --step--1: clamp(0.78rem, 0.75rem + 0.15vw, 0.85rem);
  --step-0:  clamp(0.95rem, 0.92rem + 0.2vw, 1.05rem);
  --step-1:  clamp(1.1rem, 1.05rem + 0.3vw, 1.25rem);
  --step-2:  clamp(1.4rem, 1.3rem + 0.5vw, 1.7rem);
  --step-3:  clamp(1.9rem, 1.7rem + 1vw, 2.4rem);
  --step-4:  clamp(2.6rem, 2.2rem + 2vw, 3.6rem);
  --step-5:  clamp(3.4rem, 2.8rem + 3vw, 5.2rem);

  /* ---- Layout ---- */
  --content-w: 1180px;
  --text-w: 720px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --radius-sm: 3px;
  --radius-md: 6px;

  --nav-h: 64px;

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.15s;
  --dur-med: 0.4s;
}

/* Light mode is intentionally not offered — this identity is built for dark.
   A restrained "paper" mode is provided for print / accessibility contexts. */
@media print {
  :root {
    --bg: #ffffff;
    --bg-card: #ffffff;
    --text: #111111;
    --text-dim: #444444;
    --line: #cccccc;
  }
}
