/*
Theme Name: Lamy LP Child Theme
Theme URI: https://lamybusiness.co.il
Description: Premium RTL Hebrew landing page child theme for Lamy. Built on GeneratePress Premium + GenerateBlocks Pro.
Author: Lamy
Author URI: https://lamybusiness.co.il
Template: generatepress
Version: 1.0.0
Text Domain: lamy-lp
Tags: rtl, hebrew, landing-page, premium
*/

/* ============================================================
   Design tokens — aligned to CLAUDE.md (NOT design's #6B0FA0)
   ============================================================ */
:root {
  /* Backgrounds */
  --bg-primary: #050505;
  --bg-section: #0A0A0A;
  --bg-card: #111111;
  --bg-card-raised: #161616;

  /* Gold */
  --gold-primary: #D4AF37;
  --gold-warm: #C9A227;
  --gold-highlight: #F2D675;

  /* Purple (4-tone system) */
  --purple-deep: #6B4F8E;
  --purple-electric: #8A4FFF;
  --purple-glow: #A66CFF;
  --purple-atmosphere: #1A0F2E;

  /* Text */
  --text-heading: #FFFFFF;
  --text-body: #D6D6D6;
  --text-meta: #A0A0A0;

  /* Gradients */
  --cta-gradient: linear-gradient(135deg, #F2D675 0%, #D4AF37 50%, #C9A227 100%);
  --accent-gradient: linear-gradient(90deg, #D4AF37 0%, #8A4FFF 50%, #D4AF37 100%);
  --purple-atmosphere-glow: radial-gradient(circle, #1A0F2E 0%, transparent 70%);

  /* Spacing scale */
  --space-4: 4px;
  --space-8: 8px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;
  --space-128: 128px;

  /* Max widths */
  --max-content: 1280px;
  --max-wide: 1440px;

  /* Type scale (desktop) */
  --fs-h1: clamp(34px, 5.5vw, 72px);
  --fs-h2: clamp(28px, 3.6vw, 48px);
  --fs-h3: clamp(20px, 2vw, 32px);
  --fs-body: clamp(16px, 1.25vw, 20px);
  --fs-body-sm: 16px;
  --fs-meta: 14px;

  /* Brand sentence (Hero) — Brief §0.7.1 */
  --fs-brand-sentence: clamp(16px, 1.4vw, 20px);
}

/* ============================================================
   Base reset (lightweight — GP parent provides most of this)
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

html {
  direction: rtl;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--bg-primary);
  color: var(--text-body);
  font-family: 'Heebo', system-ui, -apple-system, sans-serif;
  font-size: var(--fs-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Mobile minimum body — Brief §0.7.4 + §13 */
@media (max-width: 768px) {
  body { font-size: 16px; }
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Rubik', 'Heebo', system-ui, sans-serif;
  font-weight: 700;
  color: var(--text-heading);
  line-height: 1.22;
  text-wrap: balance;
}

h1 { font-size: var(--fs-h1); letter-spacing: -0.02em; line-height: 1.18; }
h2 { font-size: var(--fs-h2); letter-spacing: -0.01em; }
h3 { font-size: var(--fs-h3); letter-spacing: -0.005em; }

p { text-wrap: pretty; }

a { color: var(--gold-primary); text-decoration: none; }
a:hover { color: var(--gold-highlight); }

::selection { background: rgba(212, 175, 55, 0.28); color: var(--text-heading); }
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: var(--bg-section); }
::-webkit-scrollbar-thumb { background: #2A2A2A; border-radius: 3px; }

img, svg, video { max-width: 100%; height: auto; }