:root {
  /* Type */
  --font-sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  --font-display: 'Arial Rounded MT Bold', 'Avenir Next Rounded', Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
  --font-stack-sans-serif: var(--font-sans);

  /* Weight scale - keep it tight */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Layout */
  --content-width: 1080px;
  --narrow-width: 720px;
  --gutter: clamp(1rem, 5vw, 2rem);

  /* Spacing */
  --base-spacing: 14px;

  /* Color */
  --color-ink: #151515;
  --color-paper: #fff3d8;
  --color-paper-light: #fffaf0;
  --color-paper-deep: #f6dfae;
  --color-orange: #f96f35;
  --color-orange-hover: #e85d25;
  --color-yellow: #ffcf46;
  --color-green: #1f9d63;
  --color-blue: #2d78cf;
  --color-pink: #ff9fb2;
  --color-red: #d8442f;
  --color-purple-soft: #f7e4ff;

  --color-canvas: var(--color-paper);
  --color-surface: var(--color-paper-light);
  --color-surface-muted: #fff0c2;
  --color-border: var(--color-ink);
  --color-border-muted: rgba(21, 21, 21, 0.48);
  --color-border-strong: var(--color-ink);

  --color-text: var(--color-ink);
  --color-text-muted: #534a3c;
  --color-text-subtle: #6d5f4e;

  --color-primary: var(--color-orange);
  --color-primary-hover: var(--color-orange-hover);
  --color-primary-soft: #ffe0cf;

  --color-success: var(--color-green);
  --color-success-soft: #dff5bc;
  --color-danger: var(--color-red);
  --color-danger-soft: #ffd6d0;
  --color-highlight: var(--color-yellow);
  --color-box: var(--color-surface);

  /* Shape */
  --radius-sm: 7px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --form-radius: 7px;
  --button-radius: 8px;

  /* Elevation */
  --shadow-sm: 3px 3px 0 var(--color-ink);
  --shadow-md: 5px 5px 0 var(--color-ink);
  --shadow-lg: 7px 7px 0 var(--color-ink);

  color-scheme: light;
}