/*
  R&R — Brand Tokens
  Premium feel: warm off-white paper, terracotta + deep-green accents,
  Fraunces display + Inter body + JetBrains mono for technical sections.
  Hand-built, not Tailwind defaults.
*/

:root {
  /* Color */
  --ink:        #0E1116;
  --ink-soft:   #2A2D33;
  --paper:      #F5F2EC;
  --paper-2:    #EDEAE2;
  --surface:    #FFFFFF;
  --accent:     #C8553D;
  --accent-ink: #9B3F2C;  /* deeper accent — AA contrast on paper + white */
  --accent-2:   #2D4A3E;
  --rule:       #1A1A1A;
  --mute:       #6B6B6B;
  --hair:       rgba(14,17,22,0.10);

  /* Typography */
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Type scale (modular, 1.25 ratio) */
  --t-xs:   0.75rem;   /* 12 */
  --t-sm:   0.875rem;  /* 14 */
  --t-base: 1rem;      /* 16 */
  --t-md:   1.125rem;  /* 18 */
  --t-lg:   1.375rem;  /* 22 */
  --t-xl:   1.875rem;  /* 30 */
  --t-2xl:  2.5rem;    /* 40 */
  --t-3xl:  3.5rem;    /* 56 */
  --t-4xl:  5rem;      /* 80 — display only */

  /* Spacing (8pt grid) */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  24px;
  --s-6:  32px;
  --s-7:  48px;
  --s-8:  64px;
  --s-9:  96px;
  --s-10: 128px;
  --s-11: 192px;

  /* Radii */
  --r-sm: 2px;
  --r-md: 4px;
  --r-lg: 8px;
  --r-pill: 999px;

  /* Motion */
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --d-fast: 140ms;
  --d-med:  280ms;
  --d-slow: 520ms;
}