/*
 * Aveya's single source of truth for brand and design tokens.
 * Components and imported pages reference these properties; keep color literals here.
 * Legacy aliases below allow existing layouts to share the same theme.
 */
@font-face {
  font-family: "Aveya Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/delhi-ivf-assets/fonts/inter-latin.woff2") format("woff2");
}

:root {
  color-scheme: light;

  /* Core palette. */
  --aveya-burgundy: #b32028;
  --aveya-burgundy-dark: #8c1920;
  --aveya-burgundy-deep: #65171d;
  --aveya-ivory: #faf7f2;
  --aveya-blush: #f3e5e4;
  --aveya-sage: #dce7df;
  --aveya-sage-dark: #466553;
  --aveya-charcoal: #292628;
  --aveya-stone: #675e61;
  --aveya-line: #ded4cd;
  --aveya-white: #fff;

  /* Semantic roles. */
  --aveya-brand: var(--aveya-burgundy);
  --aveya-action: var(--aveya-brand);
  --aveya-action-hover: var(--aveya-burgundy-dark);
  --aveya-on-action: var(--aveya-white);
  --aveya-surface: var(--aveya-ivory);
  --aveya-surface-raised: var(--aveya-white);
  --aveya-surface-soft: var(--aveya-blush);
  --aveya-surface-accent: var(--aveya-sage);
  --aveya-heading: var(--aveya-charcoal);
  --aveya-text: var(--aveya-charcoal);
  --aveya-text-muted: var(--aveya-stone);
  --aveya-border: var(--aveya-line);
  --aveya-focus: var(--aveya-sage-dark);
  --aveya-success: var(--aveya-sage-dark);
  --aveya-error: var(--aveya-burgundy-dark);
  --aveya-shadow-panel: 0 16px 48px color-mix(in srgb, var(--aveya-charcoal) 8%, transparent);

  /* Typography, shape, rhythm and shared layout. */
  --aveya-font-body: "Aveya Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --aveya-font-heading: Georgia, "Times New Roman", serif;
  --aveya-font-ui-heading: Poppins, var(--aveya-font-body);
  --aveya-text-small: .875rem;
  --aveya-text-body: 1rem;
  --aveya-text-lead: 1.125rem;
  --aveya-heading-hero: clamp(2.5rem, 4vw, 3.75rem);
  --aveya-heading-section: clamp(2.125rem, 3.4vw, 3.25rem);
  --aveya-heading-card: clamp(1.5rem, 2vw, 1.875rem);
  --aveya-leading-body: 1.65;
  --aveya-leading-heading: 1.08;
  --aveya-radius-small: 6px;
  --aveya-radius-panel: 16px;
  --aveya-radius-image: 24px;
  --aveya-content-width: 1200px;
  --aveya-page-gutter: clamp(20px, 4vw, 48px);
  --aveya-section-space: clamp(56px, 6.5vw, 96px);
  --aveya-space-1: 4px;
  --aveya-space-2: 8px;
  --aveya-space-3: 12px;
  --aveya-space-4: 16px;
  --aveya-space-5: 24px;
  --aveya-space-6: 32px;
  --aveya-space-7: 48px;
  --aveya-transition: 160ms ease;

  /* Campaign layout compatibility: aliases, never a second palette. */
  --color-primary-aveya: var(--aveya-brand);
  --color-primary-aveya-l-4: var(--aveya-blush);
  --color-primary-aveya-l-5: var(--aveya-blush);
  --color-primary-aveya-d-2: var(--aveya-burgundy-dark);
  --color-primary-aveya-d-3: var(--aveya-burgundy-deep);
  --color-action: var(--aveya-action);
  --color-action-hover: var(--aveya-action-hover);
  --color-action-ink: var(--aveya-on-action);
  --color-ink: var(--aveya-text);
  --color-muted: var(--aveya-text-muted);
  --color-line: var(--aveya-border);
  --color-soft: var(--aveya-surface);
  --color-blush: var(--aveya-blush);
  --color-warm: var(--aveya-surface);
  --color-surface-warm: var(--aveya-surface);
  --color-surface-blush: var(--aveya-blush);
  --color-focus: var(--aveya-focus);
  --color-input-focus: var(--aveya-focus);
  --color-white: var(--aveya-white);
  --font-body: var(--aveya-font-body);
  --font-heading: var(--aveya-font-ui-heading);
  --container-width: var(--aveya-content-width);
  --section-space: var(--aveya-section-space);
  --panel-radius: var(--aveya-radius-panel);
  --sticky-height: 76px;

  /* Imported centre-page compatibility. */
  --aveya-fc-heading: var(--aveya-heading);
  --aveya-fc-heading-dark: var(--aveya-burgundy-deep);
  --aveya-fc-pink: var(--aveya-brand);
  --aveya-fc-pink-dark: var(--aveya-action-hover);
  --aveya-fc-red: var(--aveya-brand);
  --aveya-fc-red-dark: var(--aveya-action-hover);
  --aveya-fc-light-pink: var(--aveya-surface);
  --aveya-fc-pale-pink: var(--aveya-blush);
  --aveya-fc-soft: var(--aveya-surface);
  --aveya-fc-soft-2: var(--aveya-blush);
  --aveya-fc-text: var(--aveya-text);
  --aveya-fc-muted: var(--aveya-text-muted);
  --aveya-fc-border: var(--aveya-border);
  --aveya-fc-white: var(--aveya-white);
  --aveya-fc-shadow: var(--aveya-shadow-panel);
  --aveya-rg-heading: var(--aveya-heading);
  --aveya-rg-pink: var(--aveya-brand);
  --aveya-rg-red: var(--aveya-brand);
  --aveya-rg-light-pink: var(--aveya-surface);
  --aveya-rg-pale-pink: var(--aveya-blush);
  --aveya-rg-light-purple: var(--aveya-surface);
  --aveya-rg-text: var(--aveya-text);
  --aveya-rg-muted: var(--aveya-text-muted);
  --aveya-rg-border: var(--aveya-border);
  --aveya-rg-white: var(--aveya-white);
}