/* ============================================================
 * ANEW CLINICS · BRAND TOKENS
 * Extracted from existing Anew brand. Black + warm gold.
 * ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* Primary */
  --an-ink-900: #0E0E0E;     /* Deepest black, hero bg */
  --an-ink-800: #1A1A1A;     /* Primary brand black */
  --an-ink-700: #2D2D2D;     /* Mid */
  --an-ink-500: #4A4A4A;     /* Light ink */
  --an-ink-400: #6B6B6B;     /* Muted */
  --an-ink-300: #9A9A9A;     /* Hairlines */
  --an-ink-200: #D7D5D0;     /* Dividers */

  /* Accent · warm champagne gold */
  --an-gold-700: #A88A5A;    /* Deep gold, hover */
  --an-gold-600: #C4A070;    /* PRIMARY accent */
  --an-gold-400: #D4B890;    /* Soft gold */
  --an-gold-100: #EFE6D5;    /* Whisper */

  /* Neutrals */
  --an-bg:        #F8F6F2;   /* Warm off-white default page bg */
  --an-cream:     #EFEAE0;   /* Alt section bg */
  --an-paper:     #F2EEE6;   /* Editorial paper */
  --an-peach:     #EFDCCC;   /* Warm peach skin-tone (Anew site) */
  --an-surface:   #FFFFFF;
  --an-glow:      rgba(196,160,112,0.32);

  /* Shadows */
  --an-shadow-sm:    0 1px 2px rgba(14,14,14,0.04);
  --an-shadow:       0 4px 20px rgba(14,14,14,0.08);
  --an-shadow-lg:    0 14px 40px rgba(14,14,14,0.12);
  --an-shadow-cta:   0 8px 22px rgba(196,160,112,0.30);
  --an-shadow-cta-h: 0 14px 32px rgba(196,160,112,0.40);

  /* Radius */
  --an-r-sm: 4px;
  --an-r:    8px;
  --an-r-md: 12px;
  --an-r-lg: 18px;
  --an-r-xl: 28px;
  --an-r-full: 999px;

  /* Type stacks */
  --an-font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --an-font-ui:      'Inter', -apple-system, system-ui, sans-serif;
  --an-font-mono:    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Tracking */
  --an-track-display: -0.035em;
  --an-track-h:       -0.015em;
  --an-track-mono:     0.06em;
  --an-track-caps:     0.18em;
  --an-track-eyebrow:  0.24em;

  /* Transitions */
  --an-ease:       cubic-bezier(0.4, 0, 0.2, 1);
  --an-ease-out:   cubic-bezier(0, 0, 0.2, 1);
  --an-dur-fast:   0.18s;
  --an-dur:        0.28s;
  --an-dur-slow:   0.6s;
  --an-dur-reveal: 0.9s;

  /* Compatibility shorthand for shared motion.css */
  --sk-dur: var(--an-dur);
  --sk-dur-slow: var(--an-dur-slow);
  --sk-dur-reveal: var(--an-dur-reveal);
  --sk-ease: var(--an-ease);
  --sk-ease-out: var(--an-ease-out);
  --sk-reveal-delay: 0s;
}

html, body {
  font-family: var(--an-font-ui);
  color: var(--an-ink-800);
  background: var(--an-bg);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}

* { box-sizing: border-box; }

img { max-width: 100%; display: block; }

a { color: inherit; text-decoration: none; }

::selection { background: var(--an-gold-600); color: var(--an-ink-900); }

/* Focus visible across the system */
:focus-visible {
  outline: 2px solid var(--an-gold-600);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    animation-play-state: paused !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}