/* 2026 design tokens — shared across MBH + Akariya */
:root {
  /* MBH corporate */
  --mbh-bg: #f5f2e8;
  --mbh-bg-soft: #ebe5d8;
  --mbh-text: #1d1c19;
  --mbh-muted: #5e594f;
  --mbh-soft: #756f65;
  --mbh-line: rgba(29, 28, 25, 0.12);
  --mbh-accent: #8f2a1d;
  --mbh-accent-dark: #742217;
  --mbh-dark: #27231f;
  --mbh-dark-deep: #1d1c19;
  --mbh-cream: #f5f2e8;
  --mbh-gold: #d7b89c;

  /* Akariya */
  --aka-bg: #2f2a24;
  --aka-surface: #3c352e;
  --aka-surface-soft: #4a4138;
  --aka-primary: #d69a4d;
  --aka-danger: #ae2a2a;
  --aka-text: #f7f0e6;
  --aka-muted: #c2ad9e;
  --aka-white: #f9f0e5;
  --aka-max-width: 1100px;
  --glass-bg-aka: rgba(60, 53, 46, 0.72);
  --glass-border-aka: rgba(255, 255, 255, 0.1);
  --glare-aka: radial-gradient(ellipse 80% 50% at 20% 0%, rgba(214, 154, 77, 0.15), transparent 60%);

  /* Glassmorphism 2.0 */
  --glass-bg: rgba(245, 242, 232, 0.55);
  --glass-bg-dark: rgba(39, 35, 31, 0.65);
  --glass-border: rgba(255, 255, 255, 0.35);
  --glass-border-dark: rgba(255, 255, 255, 0.08);
  --glass-blur: 18px;
  --glass-shadow: 0 8px 32px rgba(29, 28, 25, 0.08), 0 2px 8px rgba(29, 28, 25, 0.04);
  --glass-shadow-lg: 0 24px 64px rgba(29, 28, 25, 0.12), 0 8px 24px rgba(29, 28, 25, 0.06);
  --glare: radial-gradient(ellipse 80% 50% at 20% 0%, rgba(255, 255, 255, 0.45), transparent 60%);

  /* Layout */
  --max-width: 1280px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 0.18s;
  --duration-med: 0.4s;
  --duration-slow: 0.7s;

  /* Typography */
  --font-serif: Georgia, "Times New Roman", serif;
  --font-sans: Arial, Helvetica, sans-serif;
  --font-jp-sans: "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;
  --font-jp-serif: "Noto Serif JP", Georgia, serif;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0.01ms;
    --duration-med: 0.01ms;
    --duration-slow: 0.01ms;
  }
}