/* ==========================================================================
   רבנו ספרים — Design tokens (petrol · parchment · gold · RTL)
   Ported from the Next.js storefront design system.
   ========================================================================== */

/* Self-hosted Rubik (Hebrew + Latin, split by unicode-range) — no gstatic round-trip. */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/Rubik-hebrew.woff2') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/Rubik-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;
  --font-rubik: 'Rubik';

  /* Brand — deep petrol/teal */
  --brand-900: #063f3d;
  --brand-800: #0a5250;
  --brand-700: #0e6e6b; /* primary */
  --brand-600: #14807c;
  --brand-500: #2a938e;
  --brand-200: #a9d4d0;
  --brand-100: #d6eae8;
  --brand-50:  #eef6f5;

  /* Accent — warm gold */
  --gold-800: #7a520d;
  --gold-700: #9c6a12;
  --gold-600: #b67a16;
  --gold-500: #c8892a;
  --gold-100: #f6e9cf;

  /* Sale / status */
  --sale:    #b23a2e;
  --success: #2e7d32;
  --info:    var(--brand-700);

  /* Neutrals — warm parchment */
  --paper:    #faf7f0;
  --surface:  #ffffff;
  --surface-2:#f4efe4;
  --ink:      #1a1a1a;
  --ink-2:    #4a4a4a;
  --ink-3:    #6f6f6f;
  --line:     #e6e1d6;
  --line-2:   #d6d0c2;

  /* Spacing (4px base) */
  --sp-1: .25rem; --sp-2: .5rem; --sp-3: .75rem; --sp-4: 1rem;
  --sp-5: 1.5rem; --sp-6: 2rem; --sp-7: 3rem; --sp-8: 4rem; --sp-9: 6rem;

  /* Radii */
  --r-sm: 4px; --r-md: 8px; --r-lg: 12px; --r-pill: 999px;

  /* Shadows */
  --shadow-1: 0 1px 2px rgba(20,20,20,.06), 0 1px 3px rgba(20,20,20,.04);
  --shadow-2: 0 2px 8px rgba(20,20,20,.08);
  --shadow-3: 0 8px 24px rgba(20,20,20,.10);

  /* Type */
  --font-head: var(--font-rubik), system-ui, sans-serif;
  --font-body: var(--font-rubik), system-ui, "Segoe UI", sans-serif;
  --fs-xs: .8125rem; --fs-sm: .9375rem; --fs-base: 1.0625rem; --fs-md: 1.1875rem;
  --fs-lg: 1.375rem; --fs-xl: 1.75rem; --fs-2xl: 2.25rem; --fs-3xl: 2.9rem; --fs-4xl: 3.6rem;
  --lh-tight: 1.18; --lh-snug: 1.35; --lh-base: 1.7;

  /* Layout */
  --container: 1200px;
  --container-narrow: 760px;
  --header-h: 76px;
}