/* ==========================================================================
   Design Tokens — Shinobugusa LLC
   ========================================================================== */

:root {
  /* Colors */
  --color-navy:    #1F2A37;
  --color-gold:    #9A7B4F;
  --color-charcoal:#3D3D3A;
  --color-bg:      #FFFFFF;
  --color-bg-alt:  #F7F5F0;
  --color-border:  #E5E2DA;

  /* Derived */
  --color-gold-light: #B8976A;
  --color-gold-dark:  #7A5F38;
  --color-navy-light: #2E3D50;

  /* Typography */
  --font-serif-ja: 'Noto Serif JP', 'Yu Mincho', serif;
  --font-sans-ja:  'Noto Sans JP', 'Hiragino Sans', sans-serif;
  --font-serif-en: 'Cormorant Garamond', 'Playfair Display', Georgia, serif;

  /* Font sizes (fluid) */
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.125rem;
  --fs-lg:   1.375rem;
  --fs-xl:   1.75rem;
  --fs-2xl:  2.25rem;
  --fs-3xl:  3rem;
  --fs-4xl:  4rem;

  /* Spacing */
  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* Layout */
  --max-width:      1200px;
  --max-width-text: 720px;
  --section-py:     clamp(4rem, 8vw, 8rem);

  /* Transitions */
  --ease-default: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --duration-fast:   150ms;
  --duration-normal: 300ms;
  --duration-slow:   600ms;

  /* Borders */
  --radius-sm: 2px;
  --radius-md: 4px;
  --border-gold: 1px solid var(--color-gold);
  --border-light: 1px solid var(--color-border);
}