:root {
  /* Brand — pulled from the mascot */
  --brand-primary:      #E8734A;  /* terracotta */
  --brand-primary-ink:  #C9552F;  /* hover / borders */
  --brand-primary-fade: rgba(232, 115, 74, 0.12);
  --brand-peach:        #F4A97F;
  --brand-sand:         #F6E7D8;

  /* Warm neutral scale, tinted brown */
  --n-50:  #FDF8F1;
  --n-100: #F6E7D8;
  --n-200: #EAD9C4;
  --n-300: #D9BFA0;
  --n-400: #B08F73;
  --n-500: #8A6A52;
  --n-600: #6B4E3D;
  --n-700: #533B30;
  --n-800: #463229;
  --n-900: #3D2C29;
  --n-950: #2B1E1B;

  /* Semantic aliases — light, warm theme */
  --bg:          var(--n-50);
  --surface:     #FFFFFF;
  --surface-alt: var(--n-100);
  --border:      var(--n-200);
  --text:        var(--n-900);
  --text-muted:  var(--n-500);
  --text-bright: var(--n-950);
  --accent:      var(--brand-primary);

  /* Terminal block — dark brown, not black */
  --term-bg:     var(--n-950);
  --term-text:   var(--n-100);
  --term-muted:  var(--n-400);
  --term-accent: var(--brand-peach);

  /* Type */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;

  /* Modular scale */
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;
  --text-3xl: 2.75rem;
  --text-4xl: 3.5rem;

  /* Radii + motion */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 20px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}