/* ============================================================
   Sellup — Design Tokens (static fallbacks)
   Live values are injected inline from Theme Settings and
   override these. This file guarantees the theme renders even
   before options exist.
   ============================================================ */

:root {
  /* Colors */
  --su-primary: #0F3D3E;
  --su-primary-hover: #145C5E;
  --su-secondary: #1B1B1F;
  --su-accent: #E8B04B;
  --su-bg: #FAFAF7;
  --su-surface: #FFFFFF;
  --su-border: #E6E4DD;
  --su-heading: #141417;
  --su-text: #33333A;
  --su-muted: #71717A;
  --su-btn-bg: #0F3D3E;
  --su-btn-text: #FFFFFF;
  --su-btn-hover-bg: #E8B04B;
  --su-btn-hover-text: #141417;
  --su-sale: #C2410C;
  --su-success: #15803D;
  --su-error: #B91C1C;
  --su-footer-bg: #141417;
  --su-footer-text: #D4D4D8;

  /* Typography */
  --su-font-heading: 'Fraunces', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --su-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --su-fw-heading: 600;
  --su-fs-sm: 12.8px;
  --su-fs-base: 16px;
  --su-fs-md: 20px;
  --su-fs-lg: 25px;
  --su-fs-xl: 31.25px;
  --su-fs-2xl: 39px;
  --su-fs-3xl: 48.8px;

  /* Shape & layout */
  --su-container: 1280px;
  --su-radius: 14px;
  --su-radius-sm: 8px;
  --su-radius-lg: 22px;
  --su-shadow: 0 1px 2px rgba(20,20,23,.05), 0 8px 24px -12px rgba(20,20,23,.12);
  --su-shadow-lift: 0 2px 4px rgba(20,20,23,.06), 0 18px 40px -16px rgba(20,20,23,.22);
  --su-ease: cubic-bezier(.22,.61,.36,1);
  --su-t: .22s;

  /* Touch */
  --su-tap: 44px; /* WCAG 2.2 minimum target */
}