/* Prance-Lux design tokens
   Proposed palette derived from the official Prance-Lux logo (pending Faisal's approval).
   Port these to Shopify (settings_schema.json / theme CSS variables) or WooCommerce (theme.json) later. */
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/assets/fonts/CormorantGaramond.woff2") format("woff2"); }
@font-face { font-family: "Nunito Sans"; font-style: normal; font-weight: 200 1000; font-display: swap; src: url("/assets/fonts/NunitoSans.woff2") format("woff2"); }
@font-face { font-family: "Nunito Sans"; font-style: italic; font-weight: 200 1000; font-display: swap; src: url("/assets/fonts/NunitoSans-Italic.woff2") format("woff2"); }

:root {
  /* Brand colours */
  --pl-navy: #2D4B6F;          /* navy slate: header, primary surfaces (logo background) */
  --pl-ink: #1B2F47;           /* deep navy: body text, footer */
  --pl-ivory: #FAF8F4;         /* page background */
  --pl-white: #FFFFFF;
  --pl-teal: #0E7563;          /* accessible teal: buttons/accents on light backgrounds */
  --pl-teal-dark: #0A5C4E;     /* hover state for teal */
  --pl-blue: #0B6FB8;          /* accessible blue: links on light backgrounds */
  --pl-blue-dark: #08558D;     /* link hover */
  --pl-teal-light: #5FD0C0;    /* accents/text on navy ONLY */
  --pl-thread-teal: #349689;   /* logo gradient start: decorative only, never text */
  --pl-thread-blue: #0092DD;   /* logo gradient end: decorative only, never text */
  --pl-muted: #4A5B70;         /* secondary text on light (7:1 on ivory) */
  --pl-line: #D9DEE5;          /* hairlines */
  --pl-mist: #EEF2F5;          /* alternate section background */
  --pl-tbc-bg: #FFF1C2;        /* placeholder highlight */
  --pl-error: #B3261E;

  --pl-thread: linear-gradient(90deg, var(--pl-thread-teal), var(--pl-thread-blue));
  --pl-focus: #0B6FB8;
  --pl-focus-on-dark: #FFFFFF;

  /* Typography */
  --pl-font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --pl-font-body: "Nunito Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --pl-text-sm: 0.9375rem;
  --pl-text-base: 1.0625rem;
  --pl-text-lg: 1.25rem;
  --pl-h1: clamp(2.4rem, 1.6rem + 3vw, 3.75rem);
  --pl-h2: clamp(1.9rem, 1.5rem + 1.5vw, 2.6rem);
  --pl-h3: 1.45rem;
  --pl-leading: 1.65;

  /* Spacing, shape, depth */
  --pl-space-1: 0.25rem; --pl-space-2: 0.5rem; --pl-space-3: 0.75rem; --pl-space-4: 1rem;
  --pl-space-5: 1.5rem; --pl-space-6: 2rem; --pl-space-7: 3rem; --pl-space-8: 4.5rem;
  --pl-radius: 14px;
  --pl-radius-sm: 8px;
  --pl-radius-pill: 999px;
  --pl-shadow: 0 1px 2px rgb(27 47 71 / 6%), 0 8px 24px rgb(27 47 71 / 8%);
  --pl-wrap: 1200px;
  --pl-ease: cubic-bezier(.2,.7,.2,1);
}