/* ============================================
   SHIKÚ — Design Tokens (Figma-accurate)
   ============================================ */

:root {
  /* ── Colors (from Figma/Anima reference) ── */
  --color-bg:      #fefefc;   /* main background */
  --color-vanilla: #faf3df;   /* footer background */
  --color-beige:   #ded5c1;   /* hero divider / accent */
  --color-dark:    #323232;   /* primary text */
  --color-ink:     #211f1e;   /* footer text */
  --color-white:   #ffffff;   /* mobile navbar bg */
  --color-muted:   rgba(0,0,0,0.4); /* strikethrough price */
  --shadow-nav:    0 2px 12px rgba(0,0,0,0.10);

  /* ── Typography ── */
  --font-display: 'Arimo', sans-serif;
  --font-body:    'Public Sans', sans-serif;

  /* ── Layout ── */
  --px-desktop:          64px;
  --px-mobile:           16px;
  --nav-height-desktop:  151px;  /* announcement (41px) + navbar (110px) */
  --nav-height-mobile:   132px;  /* announcement (41px) + mobile nav (91px) */

  /* ── Transitions ── */
  --ease-out: cubic-bezier(0.25, 1, 0.5, 1);
  --t-fast:   150ms var(--ease-out);
  --t-base:   300ms var(--ease-out);
  --t-slow:   500ms var(--ease-out);

  /* ── Z-index ── */
  --z-fab:         50;
  --z-header:     200;
  --z-mobile-menu:500;
}