/*
 * Design tokens for YCLN (You Can Learn Now) preset
 * Auto-generated by design-tokens/transform.js — do not edit manually.
 * Override at :root in your own stylesheet to retheme without regenerating.
 */
:root {
  /* Brand */
  --color-primary: #BE502C;
  --color-secondary: #367878;
  --color-accent: #F5C24A;

  /* Extras (kebab-case keys preserved) */
  --color-primary-dark: #A4421E;
  --color-surface: #FFFFFF;
  --color-bg: #FFFBF5;
  --color-ink: #2A3440;
  --color-ink-soft: #5A6573;
  --color-border: #EDE4D3;

  /* Neutrals */
  --color-neutral-50: #FFFBF5;
  --color-neutral-100: #FAF6EE;
  --color-neutral-200: #EDE4D3;
  --color-neutral-300: #D8CCB5;
  --color-neutral-400: #9CA3AF;
  --color-neutral-500: #5A6573;
  --color-neutral-600: #4A5560;
  --color-neutral-700: #3A4450;
  --color-neutral-800: #2A3440;
  --color-neutral-900: #1A2028;

  /* Semantic */
  --color-success: #6FA876;
  --color-error: #B85450;
  --color-warning: #D89A2C;

  /* Typography */
  --font-heading: "Fraunces", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-size-base: 17px;

  /* Spacing */
  --spacing-section: 6rem;
  --spacing-component: 3rem;
  --max-width-content: 1200px;
  --max-width-prose: 680px;
}