/*
Theme Name: The Diamond Merchant
Theme URI: https://thediamondmerchant.com
Author: The Diamond Merchant
Description: Luxury watercolor editorial diamond platform — extraordinary by design.
Version: 2.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: tdm
*/

/* ==========================================================================
   DESIGN TOKENS
   Loaded here so the stylesheet is valid, but the actual CRITICAL styles
   ship inline in header.php. This file is enqueued non-render-blocking
   for anything below the fold. See inc/enqueue.php
   ========================================================================== */

:root{
  --tdm-primary:      #F8F6F3;
  --tdm-secondary:    #FFFFFF;
  --tdm-gold:         #C9A45C;
  --tdm-gold-dark:    #B08D45;
  --tdm-dark:         #1A1A1A;
  --tdm-text:         #3A3A3A;
  --tdm-light-gray:   #ECE9E3;
  --tdm-line:         rgba(26,26,26,0.08);

  --tdm-font-heading: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --tdm-font-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --tdm-radius-sm: 8px;
  --tdm-radius-md: 16px;
  --tdm-radius-lg: 28px;
  --tdm-radius-pill: 999px;

  --tdm-shadow-sm: 0 2px 8px rgba(26,26,26,0.06);
  --tdm-shadow-md: 0 8px 24px rgba(26,26,26,0.08);
  --tdm-shadow-lg: 0 20px 60px rgba(26,26,26,0.12);
  --tdm-shadow-gold: 0 8px 24px rgba(201,164,92,0.25);

  --tdm-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --tdm-speed-fast: 0.2s;
  --tdm-speed-mid: 0.4s;
  --tdm-speed-slow: 0.8s;

  --tdm-container: 1280px;
  --tdm-container-narrow: 820px;
  --tdm-gutter: clamp(20px, 5vw, 64px);
}

/* Non-critical, general layout rules that don't need to be inline. */
img{max-width:100%;height:auto;display:block}
.tdm-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tdm-skip-link{position:absolute;left:8px;top:-60px;background:var(--tdm-dark);color:#fff;padding:12px 20px;border-radius:var(--tdm-radius-sm);z-index:10000;transition:top .2s var(--tdm-ease)}
.tdm-skip-link:focus{top:8px}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}
}