/* Amit Danon Voice Studio — Design Tokens */
:root {
    /* Palette — validated from Lovable site */
    --c-cream:          hsl(33 64% 91%);
    --c-bg-section:     hsl(34 53% 88%);
    --c-rosewood:       hsl(0 39% 30%);
    --c-terracotta:     hsl(14 53% 53%);
    --c-terracotta-glow:hsl(14 60% 62%);
    --c-sage:           hsl(104 10% 67%);
    --c-vintage-blue:   hsl(181 14% 43%);

    /* Derived — light mode */
    --c-bg:             hsl(33 64% 91%);
    --c-text:           hsl(0 39% 30%);
    --c-muted:          hsl(32 16% 41%);
    --c-ink:            hsl(0 39% 18%);
    --c-ink-soft:       hsl(0 15% 42%);
    --c-surface:        hsl(33 50% 96%);
    --c-line:           hsl(33 30% 82%);
    --c-line-soft:      hsl(33 30% 88%);

    /* Status */
    --c-success:        hsl(142 55% 38%);
    --c-warning:        hsl(38 80% 52%);
    --c-error:          hsl(0 65% 52%);

    /* Typography */
    --font-display:     'Suez One', 'Frank Ruhl Libre', 'Playfair Display', Georgia, serif;
    --font-body:        'Heebo', system-ui, -apple-system, sans-serif;
    --font-script:      'Ms Madi', 'Allura', cursive;
    --font-cormorant:   'Cormorant Garamond', 'Bellefair', serif;

    /* Type scale */
    --fs-xs:   0.75rem;
    --fs-sm:   0.875rem;
    --fs-base: 1rem;
    --fs-md:   1.125rem;
    --fs-lg:   1.25rem;
    --fs-xl:   1.5rem;
    --fs-2xl:  2rem;
    --fs-3xl:  2.5rem;
    --fs-4xl:  3.5rem;

    /* Spacing */
    --sp-1:  0.25rem;
    --sp-2:  0.5rem;
    --sp-3:  0.75rem;
    --sp-4:  1rem;
    --sp-5:  1.25rem;
    --sp-6:  1.5rem;
    --sp-8:  2rem;
    --sp-10: 2.5rem;
    --sp-12: 3rem;
    --sp-16: 4rem;
    --sp-20: 5rem;
    --sp-24: 6rem;

    /* Border radii */
    --r-sm:   4px;
    --r-md:   8px;
    --r-lg:   12px;
    --r-xl:   16px;
    --r-2xl:  24px;
    --r-pill: 999px;

    /* Shadows */
    --sh-sm:       0 1px 2px hsl(0 39% 14% / 0.06);
    --sh-md:       0 4px 16px hsl(0 39% 14% / 0.10);
    --sh-lg:       0 8px 32px hsl(0 39% 14% / 0.15);
    --sh-xl:       0 24px 60px hsl(0 39% 14% / 0.22);
    --sh-card:     0 20px 50px -25px hsl(0 39% 20% / 0.22), 0 0 0 1px hsl(0 39% 30% / 0.08);
    --sh-soft:     0 20px 50px -20px hsl(0 39% 20% / 0.25);
    --sh-glow:     0 30px 90px -30px hsl(14 53% 53% / 0.40);
    --sh-hover:    0 30px 60px -20px hsl(0 39% 20% / 0.35), 0 12px 24px -12px hsl(0 39% 20% / 0.25);

    /* Gradients */
    --g-warm:       linear-gradient(135deg, hsl(14 53% 53%) 0%, hsl(0 39% 30%) 100%);
    --g-gold:       linear-gradient(135deg, hsl(14 60% 62%) 0%, hsl(14 53% 48%) 100%);
    --g-hero:       linear-gradient(180deg, hsl(0 39% 12% / 0.85) 0%, hsl(0 39% 14% / 0.78) 50%, hsl(0 39% 12% / 0.92) 100%);
    --g-vignette:   radial-gradient(ellipse at center, transparent 35%, hsl(0 39% 8% / 0.65) 100%);
    --g-mesh:       radial-gradient(at 20% 20%, hsl(104 10% 67% / 0.18) 0px, transparent 50%),
                    radial-gradient(at 80% 80%, hsl(181 14% 43% / 0.12) 0px, transparent 50%);
    --g-dark-bg:    hsl(10 56% 18%);

    /* Motion — matches Lovable's transition-smooth */
    --ease-smooth:  cubic-bezier(0.22, 1, 0.36, 1);
    --t-fast:       150ms ease;
    --t-med:        280ms ease;
    --t-slow:       480ms var(--ease-smooth);
    --t-reveal:     800ms var(--ease-smooth);
}