/* krs-tokens.css — Kurios design tokens */
:root {
  /* Brand palette */
  --brand-primary: #1C1F2B;
  --accent: #C97B2E;
  --accent-aa-on-light: #96540A;
  --accent-aa-on-dark: #E8A84C;

  /* Foreground tokens */
  --fg-on-light-primary: #1C1F2B;
  --fg-on-light-secondary: #4A4F61;
  --fg-on-light-muted: #6B7280;
  --fg-on-dark-primary: #F4F2EE;
  --fg-on-dark-secondary: #B8B4AA;
  --fg-on-dark-muted: #7E7A72;

  /* Background tokens */
  --bg-cream: #F7F6F4;
  --bg-white: #FFFFFF;
  --bg-light-alt: #EEECEA;
  --bg-dark: #1C1F2B;
  --bg-dark-alt: #252836;

  /* Borders */
  --border-light: #DEDBD6;
  --border-dark: #333749;

  /* Radius */
  --radius-card: 8px;
  --radius-btn: 6px;
  --radius-badge: 4px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-card: 0 1px 3px rgba(28,31,43,0.08), 0 4px 12px rgba(28,31,43,0.06);
  --shadow-card-hover: 0 4px 16px rgba(28,31,43,0.14), 0 8px 24px rgba(28,31,43,0.08);

  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', 'Menlo', monospace;

  /* Layout */
  --container: 1200px;
  --section-pad-y: 96px;
  --section-pad-x: 24px;
}

/* Dark section variables — applied inside .krs-section--dark */
.krs-section--dark,
.krs-section--dark-alt,
.krs-footer {
  --section-fg: var(--fg-on-dark-primary);
  --section-fg-secondary: var(--fg-on-dark-secondary);
  --section-fg-muted: var(--fg-on-dark-muted);
  --section-border: var(--border-dark);
}

.krs-section--cream,
.krs-section--white,
.krs-section--light-alt {
  --section-fg: var(--fg-on-light-primary);
  --section-fg-secondary: var(--fg-on-light-secondary);
  --section-fg-muted: var(--fg-on-light-muted);
  --section-border: var(--border-light);
}