/**
 * claudecode-cases.com — "Anthropic Research Note + Code Lab"
 * Warm sand + clay/Anthropic orange + graphite, JetBrains Mono accents
 */
:root {
  --accent: #C96442;
  --accent-dark: #A04D2E;
  --accent-deep: #7E3A1F;
  --accent-soft: #F0C9BA;
  --accent-light: #F8DDD0;
  --accent-bg: rgba(201, 100, 66, 0.10);

  /* Subtle purple as code-highlight only */
  --accent-2: #6E56CF;

  --color-primary: #191919;
  --color-primary-dark: #0B0B0B;

  /* Hero gradient — graphite warm */
  --gradient-subhero: linear-gradient(135deg, #171717 0%, #24211D 60%, #3A231B 100%);

  --color-bg: #F7F3EA;
  --color-bg-alt: #EDE7DA;
  --color-surface: #FFFCF5;

  --color-text: #191919;
  --color-text-2: #34302A;
  --color-text-light: #6F6A60;

  --color-border: rgba(25, 25, 25, 0.16);
  --hairline: 1px solid rgba(25, 25, 25, 0.16);

  --font-en: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-ja: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, 'Courier New', monospace;

  --max-width: 1100px;
  --header-height: 80px;
  --radius-card: 8px;
  --radius-btn: 8px;

  --shadow-card: 0 0 0 transparent;
  --shadow-card-hover: 0 14px 38px rgba(25, 25, 25, 0.18);
}