/* ===========================================================
   AdWave · Design Tokens
   Based on Design Brief v1.0 / Functional Spec v1.2
   Hebrew · RTL · Mobile-first · "Trust commerce"
   =========================================================== */

:root {
  /* ---- Brand / Primary ---- */
  --brand:        #0F766E;  /* primary actions, links, highlights */
  --brand-hover:  #0D9488;  /* hover / active */
  --brand-deep:   #134E4A;  /* headings, footer, dark surfaces */
  --brand-tint:   #F0FDFA;  /* soft section bg, selected state */
  --accent:       #F59E0B;  /* "recommended" / deal badge */
  --accent-tint:  #FEF3C7;

  /* ---- Neutrals (warm-cool) ---- */
  --ink:     #0F172A;  /* primary text */
  --slate:   #475569;  /* secondary text */
  --muted:   #94A3B8;  /* muted / placeholder */
  --border:  #E2E8F0;  /* borders, dividers */
  --surface: #F8FAFC;  /* app bg / secondary cards */
  --white:   #FFFFFF;

  /* ---- Semantic ---- */
  --success:      #16A34A;
  --success-tint: #DCFCE7;
  --warning:      #D97706;
  --warning-tint: #FEF3C7;
  --error:        #DC2626;
  --error-tint:   #FEE2E2;
  --info:         #2563EB;
  --info-tint:    #DBEAFE;

  /* ---- Typography ---- */
  --font: "Heebo", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-display: 40px;  --lh-display: 48px;
  --fs-h1:      32px;  --lh-h1:      40px;
  --fs-h2:      28px;  --lh-h2:      36px;
  --fs-h3:      22px;  --lh-h3:      30px;
  --fs-h4:      18px;  --lh-h4:      26px;
  --fs-bodyl:   18px;  --lh-bodyl:   28px;
  --fs-body:    16px;  --lh-body:    26px;
  --fs-sm:      14px;  --lh-sm:      22px;
  --fs-cap:     13px;  --lh-cap:     20px;

  /* ---- Spacing scale (4px base) ---- */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s6: 24px; --s8: 32px; --s12: 48px; --s16: 64px;

  /* ---- Radii ---- */
  --r-sm:  5px;   /* locked: sharp */
  --r-md:  6px;   /* locked: sharp */
  --r-lg:  10px;  /* locked: sharp */
  --r-pill: 999px;

  /* ---- Shadows (soft, low-opacity) ---- */
  --sh-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.05);
  --sh-md: 0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);
  --sh-lg: 0 12px 32px rgba(15,23,42,.14), 0 4px 8px rgba(15,23,42,.06);
  --sh-brand: 0 6px 18px rgba(15,118,110,.22);

  /* ---- Layout ---- */
  --content-max: 1200px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font);
  color: var(--ink);
  background: var(--surface);
  direction: rtl;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body { font-size: var(--fs-body); line-height: var(--lh-body); }

h1,h2,h3,h4,p { margin: 0; }

button { font-family: inherit; cursor: pointer; }
input, textarea, select { font-family: inherit; }

/* tabular numerals for prices / metrics */
.tnum { font-feature-settings: "tnum" 1, "lnum" 1; font-variant-numeric: tabular-nums; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; border: 2px solid var(--surface); }
::-webkit-scrollbar-track { background: transparent; }

/* focus ring */
:focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; border-radius: 6px; }

@keyframes adw-spin { to { transform: rotate(360deg); } }
@keyframes adw-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
@keyframes adw-pop { 0% { transform: scale(.92); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
@keyframes adw-rise { from { transform: translateY(8px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
@keyframes adw-flip { 0% { transform: translateY(-60%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } }