/**
 * pickle-guide.com — Brand tokens
 * Court blue on deep ink, with a ball-yellow accent.
 */
:root {
  --accent: #1f4fd8;
  --accent-dark: #173ea8;
  --accent-deep: #102c78;
  --accent-soft: #6f93f7;
  --accent-light: #dfe8fd;
  --accent-bg: rgba(31, 79, 216, 0.08);
  --accent-ink: #10151d;
  --accent-warm: #7a5b00;
  --accent-sky: #2563eb;
  --volt: #ffd84d;
  --gradient-subhero: linear-gradient(135deg, #0a0d12 0%, #0f1b3d 58%, #1f4fd8 145%);
  --gradient-accent: linear-gradient(135deg, #1f4fd8, #6f93f7);

  --color-primary: var(--accent);
  --color-primary-dark: var(--accent-dark);
  --color-primary-deep: var(--accent-deep);
  --color-primary-soft: var(--accent-soft);
  --color-primary-light: var(--accent-light);
  --color-primary-bg: var(--accent-bg);
  --color-ink: var(--accent-ink);
  --color-warm: var(--accent-warm);
  --color-sky: var(--accent-sky);

  --color-bg: #f7f7f5;
  --color-bg-alt: #ffffff;
  --color-surface: #ffffff;

  --color-text: #10151d;
  --color-text-2: #1f2937;
  --color-text-light: #475569;
  --color-text-muted: #5b6b7e;

  --color-border: rgba(16, 21, 29, 0.10);
  --hairline: 1px solid rgba(16, 21, 29, 0.10);

  --font-en: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-ja: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
  --font-serif-ja: 'Noto Serif JP', 'Yu Mincho', 'Hiragino Mincho ProN', serif;

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

  --shadow-card: 0 10px 28px rgba(16, 21, 29, 0.08);
  --shadow-card-hover: 0 16px 40px rgba(16, 21, 29, 0.12);
}