/* Dream Villa Connect design tokens (layer dvc.tokens).
   Primitive -> semantic tiers, authored as --dvc-* custom properties. Raw hex/length
   literals are permitted here because they live in custom-property *definitions* (the
   tokenization point). Values ported verbatim from the Dream Villa Connect design system
   (a warm, premium-travel two-sided DVC-points marketplace: coral CTA, charcoal ink,
   ocean-teal trust, gold "points" currency, green success). Light-only by design;
   consumers re-theme purely by redefining these --dvc-* tokens in a stylesheet loaded
   after the library. */

:root {
  color-scheme: light;

  /* --- primitive: surfaces + ink --- */
  --dvc-bg: #FBF8F4;
  --dvc-surface: #FFFFFF;
  --dvc-sand: #F5EEE4;
  --dvc-sand-2: #EFE6D8;
  --dvc-ink: #211D1A;
  --dvc-ink-2: #4A433C;
  --dvc-muted: #7A726A;
  --dvc-faint: #A89F95;
  --dvc-line: #ECE5DB;
  --dvc-line-2: #E0D7CA;

  /* --- primitive: brand (coral CTA) --- */
  --dvc-coral: #F0565B;
  --dvc-coral-ink: #D43C44;
  --dvc-coral-deep: #B92F39;
  --dvc-coral-soft: #FDEBEA;

  /* --- primitive: trust / verification / money (ocean teal) --- */
  --dvc-ocean: #0E7C7B;
  --dvc-ocean-ink: #0A5E5D;
  --dvc-ocean-soft: #E2F1F0;

  /* --- primitive: the "points" currency (gold) --- */
  --dvc-gold: #B9822B;
  --dvc-gold-ink: #946417;
  --dvc-gold-soft: #FAEFD6;
  --dvc-gold-line: #EAD6A8;

  /* --- primitive: success (green) --- */
  --dvc-green: #2E7D52;
  --dvc-green-soft: #E3F2E8;

  /* --- primitive: shadow scale --- */
  --dvc-shadow-sm: 0 1px 2px rgba(40, 30, 20, 0.06), 0 1px 3px rgba(40, 30, 20, 0.04);
  --dvc-shadow-md: 0 2px 4px rgba(40, 30, 20, 0.05), 0 10px 28px rgba(40, 30, 20, 0.07);
  --dvc-shadow-lg: 0 8px 18px rgba(40, 30, 20, 0.08), 0 28px 60px rgba(40, 30, 20, 0.12);

  /* --- primitive: radius scale --- */
  --dvc-radius-sm: 8px;
  --dvc-radius-md: 14px;
  --dvc-radius-lg: 20px;
  --dvc-radius-xl: 26px;
  --dvc-radius-pill: 999px;

  /* --- primitive: spacing scale --- */
  --dvc-space-1: 0.25rem;
  --dvc-space-2: 0.5rem;
  --dvc-space-3: 0.75rem;
  --dvc-space-4: 1rem;
  --dvc-space-5: 1.25rem;
  --dvc-space-6: 1.5rem;
  --dvc-space-8: 2rem;

  /* --- primitive: hairline / border widths --- */
  --dvc-border-width-hairline: 1px;

  /* --- primitive: easing curves --- */
  --dvc-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dvc-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* --- primitive: type families (host supplies @font-face) --- */
  --dvc-font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dvc-font-display: "Bricolage Grotesque", "Plus Jakarta Sans", sans-serif;
  --dvc-font-signature: "Caveat", cursive;
  --dvc-display-spacing: -0.02em;

  /* --- semantic: surfaces --- */
  --dvc-bg-2: var(--dvc-sand);

  /* --- semantic: brand roles --- */
  --dvc-color-action: var(--dvc-coral);
  --dvc-color-action-ink: var(--dvc-coral-ink);
  --dvc-color-trust: var(--dvc-ocean);
  --dvc-color-points: var(--dvc-gold);
  --dvc-color-success: var(--dvc-green);
}