/* Batya's Jewelry: design tokens (variables only). Source of truth: tokens.css in the design folder, 2026-09-21.
   The base rules of that file live in batyas.css, scoped for Elementor. */
:root {
  /* --- Brand -------------------------------------------------- */
  --color-brand:            #BF982D; /* logo gold, read from the logo file: lines, numerals on dark, fills. Never text on light */
  --color-brand-deep:       #7D5F24; /* gold that can carry text: eyebrows, numerals, link hover */
  --color-brand-hover:      #64491A;
  --color-brand-tint:       #F6F0E2;
  --color-on-brand:         #1C1C1C;
  --color-on-brand-deep:    #FFFFFF;

  --color-secondary:        #1C1C1C; /* the primary button is ink, not gold */
  --color-secondary-hover:  #3A3632;
  --color-secondary-tint:   #F3EEE6;
  --color-on-secondary:     #FFFFFF;

  --color-accent:           #BF982D; /* no separate accent: the stones in the photographs are the colour */
  --color-on-accent:        #1C1C1C;

  /* --- Ink ---------------------------------------------------- */
  --color-ink:              #1C1C1C;
  --color-ink-muted:        #5F5A55;
  --color-ink-on-dark:      #FFFFFF;
  --color-ink-on-dark-muted:#E9E3D8;

  /* --- Surface ------------------------------------------------ */
  --color-surface:          #FBF8F2; /* warm paper */
  --color-surface-raised:   #FFFFFF; /* product image ground, form fields */
  --color-surface-subtle:   #F3EEE6;
  --color-surface-inverse:  #1C1C1C;

  /* --- Line --------------------------------------------------- */
  --color-line:             #D9D2C5; /* decorative hairlines */
  --color-line-strong:      #7A736A; /* input borders: 3:1 on paper */
  --color-focus:            #7D5F24;

  /* --- Status ------------------------------------------------- */
  --color-success:          #2F6B3F;
  --color-warning:          #8A5A00;
  --color-error:            #B3261E;
  --color-info:             #2B5C8A;

  /* --- Disabled ----------------------------------------------- */
  --color-disabled-bg:      #EAE5DB;
  --color-disabled-ink:     #8D867B;

  /* --- Overlay ------------------------------------------------ */
  --scrim:                  rgba(28, 28, 28, 0.55); /* under any text on a photograph */

  /* --- Type --------------------------------------------------- */
  --font-display: "Frank Ruhl Libre", "David Libre", "Times New Roman", serif;
  --font-body:    "Assistant", "Heebo", "Arial Hebrew", Arial, sans-serif;
  --font-utility: "Assistant", "Heebo", Arial, sans-serif;

  --text-2xs:  0.75rem;
  --text-xs:   0.8125rem;
  --text-sm:   0.9375rem;
  --text-base: 1.125rem;                              /* 18px: Hebrew body */
  --text-lg:   clamp(1.1875rem, 1.1rem + 0.4vw, 1.375rem);
  --text-xl:   clamp(1.375rem, 1.2rem + 0.8vw, 1.75rem);
  --text-2xl:  clamp(1.625rem, 1.3rem + 1.4vw, 2.25rem);
  --text-3xl:  clamp(2rem, 1.5rem + 2.2vw, 3rem);
  --text-4xl:  clamp(2.375rem, 1.6rem + 3.4vw, 4rem);
  --text-5xl:  clamp(2.75rem, 1.6rem + 5vw, 5.25rem);

  --leading-display: 1.12;
  --leading-body:    1.7;
  --tracking-display:normal;
  --tracking-eyebrow:0.06em;

  --weight-body:    400;
  --weight-medium:  600;
  --weight-display: 400;

  /* --- Space -------------------------------------------------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2.5rem;
  --space-7: 4rem;
  --space-section: clamp(3.5rem, 2rem + 6vw, 6.5rem);
  --measure: 60ch;
  --container: 80rem;

  /* --- Shape and depth ---------------------------------------- */
  --radius-sm: 2px;
  --radius-md: 2px;   /* one radius family: sharp. md and lg exist so components never invent one */
  --radius-lg: 2px;
  --radius-pill: 999px; /* only for the cart count and the floating widgets */

  --shadow-1: 0 1px 0 rgba(28, 28, 28, 0.08);           /* header after scroll */
  --shadow-2: 0 -1px 0 rgba(28, 28, 28, 0.08), 0 -8px 24px rgba(28, 28, 28, 0.06); /* mobile sticky bar */
  --shadow-3: 0 16px 40px rgba(28, 28, 28, 0.14);       /* mini-cart drawer, search overlay */

  /* --- Motion ------------------------------------------------- */
  --duration-fast: 140ms;
  --duration-base: 240ms;
  --duration-slow: 360ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-entrance: cubic-bezier(0, 0, 0.2, 1);
}