/* ═══════════════════════════════════════════════════════════════════════
   Osnatmaor — design tokens (single source of truth)

   The palette itself is printed inline by inc/colors.php as the generic
   --color-* contract (Customizer-editable; the cnx plugins read it too).
   This file maps the Osnat design-system names onto that contract and
   defines the non-color tokens: neumorphic shadows, radii, type scale.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  /* Palette aliases — Osnat names → theme contract */
  --bg:             var(--color-bg, #FAF6F1);
  --cream:          var(--color-card-bg, #F5EDE4);
  --beige:          var(--color-secondary, #D4B5A0);
  --brown:          var(--color-primary, #8B7355);
  --accent:         var(--color-accent, #E6B17E);
  --surface:        var(--color-surface, #FFFFFF);
  --text-primary:   var(--color-text, #1a1a1a);
  --text-secondary: #333333;
  --text-muted:     var(--color-muted, #666666);
  --success:        var(--color-success, #66BB6A);
  --error:          var(--color-warn, #D32F2F);
  --border-soft:    var(--color-card-border, #E9DECF);

  /* Neumorphism */
  --shadow-out: -5px -5px 13px rgba(255,255,255,0.88),
                 5px  5px 13px rgba(139,115,85,0.22);
  --shadow-in:  inset 3px  3px 8px rgba(139,115,85,0.16),
                inset -3px -3px 8px rgba(255,255,255,0.82);
  --shadow-btn: -3px -3px 8px rgba(255,255,255,0.85),
                 3px  3px 9px rgba(139,115,85,0.30);

  /* Shape */
  --radius:      20px;
  --radius-sm:   12px;
  --radius-pill: 50px;

  /* Layout */
  --max:        900px;
  --max-wide:   1100px;
  --max-narrow: 600px;
  --nav-h:      64px;   /* bottom app nav height */

  /* Type scale — mobile-first, fluid */
  --fs-h1:   clamp(1.7rem, 5.5vw, 2.6rem);
  --fs-h2:   clamp(1.35rem, 4vw, 2rem);
  --fs-h3:   clamp(1.1rem, 3vw, 1.4rem);
  --fs-body: clamp(0.95rem, 2.5vw, 1.05rem);
  --fs-sm:   0.85rem;
}