/* Puravetta theme — Lovable editorial DTC (story 8.2).
 *
 * Utilities come from src/styles/puravetta.css (Tailwind 4 @theme). This file:
 * - declares Plus Jakarta via Google Fonts fallback note (layout loads the link)
 * - rebinds brand-* + Lovable semantic tokens if compile defaults drift
 * - restates CTA shadows for rust primary
 *
 * Load order: Astro-emitted puravetta.css first, then this plain <link>.
 */

:root {
  --radius: 0.75rem;

  --paper: oklch(1 0 0);
  --sand: oklch(0.962 0.008 255);
  --ink: oklch(0.16 0.015 265);
  --rust: oklch(0.53 0.24 259);
  --rust-soft: oklch(0.94 0.04 255);
  --moss: oklch(0.62 0.17 152);
  --gold: oklch(0.58 0.24 27);

  --color-paper: var(--paper);
  --color-sand: var(--sand);
  --color-ink: var(--ink);
  --color-rust: var(--rust);
  --color-rust-soft: var(--rust-soft);
  --color-moss: var(--moss);
  --color-gold: var(--gold);

  --color-background: var(--paper);
  --color-foreground: var(--ink);
  --color-primary: var(--rust);
  --color-primary-foreground: oklch(1 0 0);
  --color-muted-foreground: oklch(0.5 0.02 260);
  --color-border: oklch(0.9 0.01 258);

  --color-brand-navy: var(--ink);
  --color-brand-navy-dark: oklch(0.12 0.015 265);
  --color-brand-teal: var(--rust);
  --color-brand-teal-dark: oklch(0.45 0.22 259);
  --color-brand-teal-soft: var(--rust-soft);
  --color-brand-coral: var(--gold);
  --color-brand-coral-dark: oklch(0.5 0.22 27);
  --color-brand-green: var(--moss);
  --color-brand-green-dark: oklch(0.52 0.15 152);
  --color-brand-ink: var(--ink);
  --color-brand-muted: oklch(0.5 0.02 260);
  --color-brand-offwhite: var(--sand);
  --color-brand-paper: var(--paper);
  --color-brand-rule: oklch(0.9 0.01 258);

  --font-display: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  --font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  --font-heavy: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;

  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.25rem;
  --radius-3xl: 1.5rem;

  --shadow-lift: 0 1px 2px oklch(0.16 0.015 265 / 6%), 0 10px 24px -12px oklch(0.16 0.015 265 / 18%);
  --shadow-card: 0 1px 0 oklch(0.16 0.015 265 / 4%), 0 18px 40px -24px oklch(0.16 0.015 265 / 25%);
  --shadow-sticky: 0 -8px 30px -12px oklch(0.16 0.015 265 / 20%);
  --shadow-cta-green:
    0 1px 0 #ffffff38 inset, 0 1px 2px oklch(0.16 0.015 265 / 18%), 0 10px 22px -8px oklch(0.62 0.17 152 / 55%);
}

.shadow-cta {
  --tw-shadow:
    0 1px 0 var(--tw-shadow-color, #ffffff2e) inset, 0 1px 2px var(--tw-shadow-color, oklch(0.16 0.015 265 / 12%)),
    0 8px 18px -8px var(--tw-shadow-color, oklch(0.53 0.24 259 / 45%));
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow);
}

.hover\:shadow-cta-hover:hover {
  --tw-shadow:
    0 1px 0 var(--tw-shadow-color, #ffffff38) inset, 0 2px 4px var(--tw-shadow-color, oklch(0.16 0.015 265 / 16%)),
    0 14px 28px -8px var(--tw-shadow-color, oklch(0.53 0.24 259 / 55%));
  box-shadow:
    var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow);
}