/**
 * Design tokens — LASH БАЗА by Ksesha (AURADESIGN.md)
 */

:root {
  /* Цвета */
  --color-primary: #3d3d3d;
  --color-primary-hover: #2a2a2a;
  --color-on-primary: #ffffff;
  --color-secondary: #8b7355;
  --color-secondary-hover: #756045;
  --color-on-secondary: #ffffff;
  --color-accent: #c4a882;
  --color-on-accent: #3d3d3d;
  --color-background: #f8f4f0;
  --color-on-background: #3d3d3d;
  --color-surface-lowest: #ffffff;
  --color-on-surface-lowest: #3d3d3d;
  --color-surface-low: #f8f4f0;
  --color-surface-container: #e8ddd4;
  --color-surface-high: #d4c4b8;
  --color-outline: #d4c4b8;
  --color-outline-variant: #e8ddd4;
  --color-outline-strong: #8b7355;
  --color-error: #c45c5c;
  --color-success: #6b8f71;
  --color-muted: #9a8f87;
  --color-overlay-scrim: rgba(61, 61, 61, 0.45);

  /* Градиенты */
  --gradient-hero: linear-gradient(135deg, #f8f4f0 0%, #e8ddd4 55%, #d4c4b8 100%);
  --gradient-card-hover: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(232, 221, 212, 0.35) 100%);

  /* Типографика */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Manrope", system-ui, -apple-system, sans-serif;

  --text-display-xl: clamp(2.75rem, 5vw, 4.25rem);
  --text-display-lg: clamp(2.25rem, 4vw, 3.25rem);
  --text-headline-lg: clamp(1.875rem, 3vw, 2.5rem);
  --text-headline-md: clamp(1.5rem, 2.5vw, 2rem);
  --text-headline-sm: 1.125rem;
  --text-body-lg: 1.125rem;
  --text-body-md: 1rem;
  --text-body-sm: 0.875rem;
  --text-label-md: 0.8125rem;
  --text-label-sm: 0.75rem;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Отступы */
  --space-xs: 4px;
  --space-sm: 12px;
  --space-md: 24px;
  --space-lg: 40px;
  --space-xl: 64px;
  --space-xxl: 96px;
  --space-gutter: 24px;
  --space-section-y: clamp(56px, 8vw, 96px);
  --container-max: 1200px;
  --container-narrow: 760px;
  --container-wide: 1320px;

  /* Скругления */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 9999px;
  --radius-card: 20px;
  --radius-image: 16px;

  /* Тени */
  --shadow-xs: 0 1px 2px rgba(61, 61, 61, 0.04);
  --shadow-sm: 0 4px 12px rgba(61, 61, 61, 0.06);
  --shadow-md: 0 8px 24px rgba(61, 61, 61, 0.08);
  --shadow-lg: 0 16px 40px rgba(61, 61, 61, 0.1);
  --shadow-card: 0 8px 28px rgba(139, 115, 85, 0.1);
  --shadow-card-hover: 0 14px 36px rgba(139, 115, 85, 0.14);
  --shadow-sticky-cta: 0 -4px 24px rgba(61, 61, 61, 0.1);

  /* Границы */
  --border-hairline: 1px solid var(--color-outline-variant);
  --border-subtle: 1px solid var(--color-outline);
  --border-strong: 1px solid var(--color-outline-strong);
  --border-focus: 2px solid var(--color-secondary);

  /* Motion (animation-motion-map.md) */
  --motion-duration-fast: 150ms;
  --motion-duration-base: 250ms;
  --motion-duration-slow: 400ms;
  --motion-duration-reveal: 600ms;
  --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-easing-emphasis: cubic-bezier(0.22, 1, 0.36, 1);
  --motion-reveal-distance: 24px;
  --motion-stagger-step: 80ms;
  --motion-hover-lift: -4px;
  --motion-hover-scale-image: 1.03;

  /* Z-index */
  --z-header: 100;
  --z-sticky-cta: 90;
  --z-cookie-banner: 110;
  --z-mobile-nav: 105;
}