/* ==========================================================================
   DESIGN TOKENS & VARIABLES

   Palette & type are built around Nikkei cuisine's own fusion: Japanese
   knife precision meeting Peruvian citrus curing. Two cool/warm accents
   (Aizome indigo, Rocoto chile) stand in for that duality wherever "the
   cut" signature motif appears (see components.css), with Aji gold
   carrying over the site's existing luxury-accent role.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;0,400;0,500;0,600;1,400;1,600&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* Color Palette */
  --bg-main: #0A0D12;         /* Sumi ink */
  --bg-card: rgba(0, 0, 0, 0.6);   /* Black, softened with opacity */
  --bg-card-hover: rgba(0, 0, 0, 0.75);
  --bg-elevated: #1B212A;
  --border-color: #1C222B;
  --border-focus: #444444;

  /* Typography Colors */
  --text-primary: #F2EFE9;    /* Washi paper — full-strength reading text & headings */
  --text-secondary: #A5A19A;  /* Washi at reading weight — descriptions, meta, body copy */
  --text-muted: #6F6A63;      /* Dimmest tone — labels, numerals, footer copyright */

  /* Brand & Accent Colors */
  --accent-gold: #D9A441;     /* Aji amarillo */
  --accent-gold-glow: rgba(217, 164, 65, 0.25);
  --accent-aizome: #3A6690;   /* Indigo dye — Japan */
  --accent-rocoto: #FF6A45;   /* Rocoto chile — Peru */
  --accent-glass: rgba(17, 17, 17, 0.55);
  --accent-glass-border: rgba(255, 255, 255, 0.08);

  /* Fonts */
  --font-heading: 'Fraunces', 'Playfair Display', Georgia, serif;
  --font-body: 'IBM Plex Sans', 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', 'SFMono-Regular', monospace;

  /* Border Radii */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 50px;

  /* Spacing Scale */
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 2rem;
  --spacing-lg: 4rem;
  --spacing-xl: 6rem;

  /* Shadows & Elevations */
  --shadow-subtle: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-glow: 0 0 30px rgba(217, 164, 65, 0.15);
  --glass-backdrop: blur(16px);
}