/* Nebbia design tokens — shared by the storefront and the admin. Change the brand here only. */
:root {
  /* colour — warm stone + bronze (ui-ux-pro-max "luxury e-commerce", accent darkened for AA) */
  --ink: #1c1917;
  --ink-2: #44403c;
  --ink-3: #6b645d;          /* muted text, 5.3:1 on --paper */
  --paper: #faf8f5;
  --paper-2: #f2eee8;
  --paper-3: #e7e1d8;
  --line: #d9d2c7;
  --accent: #8a5a12;         /* bronze, 5.9:1 on --paper */
  --accent-soft: #f3e7d3;
  --on-accent: #ffffff;
  --danger: #b42318;
  --danger-soft: #fdecea;
  --success: #1f7a4a;
  --success-soft: #e6f4ec;
  --warning: #8a5a00;
  --warning-soft: #fff4dc;
  --glass: rgba(250, 248, 245, 0.72);
  --scrim: rgba(28, 25, 23, 0.5);

  /* type */
  --font-display: 'Cormorant', 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Jost', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --fs-xs: 0.8125rem;  /* 13 */
  --fs-sm: 0.875rem;   /* 14 */
  --fs-md: 1rem;       /* 16 */
  --fs-lg: 1.125rem;   /* 18 */
  --fs-xl: 1.5rem;     /* 24 */
  --fs-2xl: clamp(1.75rem, 1.3rem + 2vw, 2.5rem);
  --fs-3xl: clamp(2.25rem, 1.4rem + 4vw, 4rem);
  --fs-hero: clamp(3rem, 1.5rem + 7vw, 7.5rem);

  /* space (4/8 rhythm) */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px; --s9: 96px; --s10: 128px;
  --gutter: clamp(16px, 4vw, 48px);
  --maxw: 1360px;

  --radius-sm: 4px; --radius: 8px; --radius-lg: 16px; --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(28, 25, 23, .06), 0 1px 1px rgba(28, 25, 23, .04);
  --shadow-2: 0 8px 24px rgba(28, 25, 23, .08);
  --shadow-3: 0 24px 64px rgba(28, 25, 23, .18);

  /* motion */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in: cubic-bezier(.55, 0, 1, .45);
  --ease-soft: cubic-bezier(.65, 0, .35, 1);
  --t-fast: 160ms; --t: 240ms; --t-slow: 520ms; --t-hero: 1100ms;

  /* z-index scale */
  --z-header: 40; --z-drawer: 100; --z-toast: 1000;

  color-scheme: light;
}
@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 1ms; --t: 1ms; --t-slow: 1ms; --t-hero: 1ms; }
  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important; }
}