/**
 * FindTheAnswer Christmas — design tokens
 * Quiet luxury holiday campaign. Lime #9BC53D is reserved for the logo mark only.
 */

:root {
  --fta-brand-name: "FindTheAnswer";
  --fta-tagline: "Jawaban untuk kulit yang lebih baik";

  /* Surfaces */
  --fta-bg: #F4EFE6;
  --fta-bg-deep: #EBE4D6;
  --fta-surface: #FBF8F2;
  --fta-hero-glow: #F0E4C8;
  --fta-champagne: #E8D7B0;

  /* Brand colour — deep forest + antique gold */
  --fta-primary: #1F3D2F;
  --fta-primary-hover: #2A5240;
  --fta-primary-soft: #2F4F3E;
  --fta-on-primary: #F7F1E6;
  --fta-forest-deep: #16241C;
  --fta-gold: #C4A35A;
  --fta-gold-deep: #8A6E36;
  --fta-gold-text: #6F5728;
  --fta-burgundy: #6E2E32;

  /* Text */
  --fta-text: #1C1A17;
  --fta-muted: #5E584F;
  --fta-border: #E0D4C2;
  --fta-danger: #9B2C2C;
  --fta-focus-ring: rgba(138, 110, 54, 0.55);

  /* Compat aliases (former violet accents now map to forest / gold) */
  --fta-violet: var(--fta-primary);
  --fta-violet-soft: var(--fta-primary-hover);
  --fta-primary-deep: var(--fta-forest-deep);
  --fta-accent-night: var(--fta-primary);
  --fta-mint: var(--fta-bg-deep);

  /* Logo lime — do not use as a page colour */
  --fta-logo-lime: #9BC53D;

  /* Typography */
  --fta-font-serif: "Source Serif 4", "Libre Baskerville", Georgia, "Times New Roman", serif;
  --fta-font-sans: "Inter", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;

  --fta-fs-hero: clamp(2.35rem, 5vw, 3.6rem);
  --fta-fs-h1: clamp(2rem, 3.4vw, 2.75rem);
  --fta-fs-h2: clamp(1.5rem, 2.6vw, 2rem);
  --fta-fs-body: 1.0625rem;
  --fta-fs-small: 0.875rem;
  --fta-lh-tight: 1.2;
  --fta-lh-body: 1.7;

  /* Space — generous, editorial */
  --fta-space-xs: 0.25rem;
  --fta-space-sm: 0.5rem;
  --fta-space-md: 1rem;
  --fta-space-lg: 1.75rem;
  --fta-space-xl: 3.25rem;
  --fta-space-2xl: 5.5rem;
  --fta-gutter: 1.5rem;

  /* Radius / shadow */
  --fta-radius: 8px;
  --fta-radius-sm: 4px;
  --fta-radius-lg: 16px;
  --fta-shadow: 0 8px 32px rgba(22, 36, 28, 0.08);
  --fta-shadow-soft: 0 2px 16px rgba(22, 36, 28, 0.05);

  /* Layout */
  --fta-max: 1180px;
  --fta-prose: 40rem;
  --fta-header-h: 80px;
  --fta-touch: 44px;
}