/* ========================================================================== Panda Group — Design Tokens ========================================================================== Pure custom properties. No layout or alignment rules — those belong in the component / Elementor widget. Hebrew (dir=rtl) and English (dir=ltr) align themselves; the plugin doesn't override the browser's natural behavior. ========================================================================== */ :root { /* === COLOR · INK === */ --pg-ink: #1B2838; --pg-ink-2: #3A4756; --pg-ink-3: #6A7585; /* === COLOR · SURFACE === */ --pg-paper: #FAF7F2; --pg-paper-warm: #F5EFE2; --pg-paper-cream: #EFE6D2; /* === COLOR · ACCENT === */ --pg-terracotta: #B05B3F; --pg-terracotta-deep: #8B4530; --pg-terracotta-soft: #E8C9BA; /* === COLOR · SPECIAL === */ --pg-gold: #B8945C; --pg-olive: #756C4F; /* === COLOR · LINES / MUTED === */ --pg-line: #D9D2C2; --pg-line-soft: #E8E2D2; --pg-muted: #8B8578; /* === BRAND · DEFAULTS (per-brand body data-attribute overrides these) === */ --pg-brand-anchor: var(--pg-ink); --pg-brand-mid: var(--pg-ink-2); --pg-brand-accent: var(--pg-terracotta); --pg-brand-cream: var(--pg-paper-warm); /* === SPACING · 4px base === */ --pg-s-1: 4px; --pg-s-2: 8px; --pg-s-3: 12px; --pg-s-4: 16px; --pg-s-5: 24px; --pg-s-6: 32px; --pg-s-7: 48px; --pg-s-8: 64px; --pg-s-9: 96px; --pg-s-10: 128px; /* === RADIUS === */ --pg-r-sm: 2px; --pg-r-md: 4px; --pg-r-lg: 8px; --pg-r-pill: 999px; /* === TYPOGRAPHY · FAMILIES === */ --pg-font-display: 'Fraunces', Georgia, serif; --pg-font-sans: 'Manrope', system-ui, sans-serif; --pg-font-heb: 'Heebo', 'Arial Hebrew', system-ui, sans-serif; --pg-font-mono: 'JetBrains Mono', ui-monospace, 'Courier New', monospace; /* === TYPOGRAPHY · SCALE === */ --pg-fs-display-1: clamp(48px, 7vw, 88px); --pg-fs-display-2: clamp(36px, 5vw, 56px); --pg-fs-h1: clamp(32px, 4vw, 42px); --pg-fs-h2: clamp(26px, 3vw, 32px); --pg-fs-h3: 22px; --pg-fs-lead: 20px; --pg-fs-body: 16px; --pg-fs-small: 13px; --pg-fs-caption: 11px; /* === SHADOWS === */ --pg-shadow-sm: 0 1px 2px rgba(27,40,56,.06); --pg-shadow-md: 0 1px 3px rgba(27,40,56,.06), 0 8px 24px rgba(27,40,56,.06); --pg-shadow-lg: 0 1px 0 rgba(27,40,56,.04), 0 24px 56px rgba(27,40,56,.10); /* === MOTION === */ --pg-ease: cubic-bezier(0.4, 0, 0.2, 1); --pg-dur-fast: 150ms; --pg-dur-base: 300ms; --pg-dur-slow: 600ms; } /* === BRAND THEMES · activated via === */ /* Brand palettes derive from the CPT's ACF fields and are written inline by the widget when needed; these are fallbacks for the 4 featured brands. */ [data-pg-brand="panda-pita"] { --pg-brand-anchor: #3A1F0C; --pg-brand-mid: #A04030; --pg-brand-accent: #D4A574; --pg-brand-cream: #FAF3E2; } [data-pg-brand="panda-events"], [data-pg-brand="panda-productions"] { --pg-brand-anchor: #0D1822; --pg-brand-mid: #1F3142; --pg-brand-accent: #B8945C; --pg-brand-cream: #F8F2E2; } [data-pg-brand="sun-ron"] { --pg-brand-anchor: #3A4A3D; --pg-brand-mid: #7A8E73; --pg-brand-accent: #C5D4B5; --pg-brand-cream: #FAFCF2; } [data-pg-brand="tokai"] { --pg-brand-anchor: #0F2A2C; --pg-brand-mid: #1A4548; --pg-brand-accent: #A04030; --pg-brand-cream: #F5EFE2; }