/* ==========================================================
   ÉLAN Design Tokens
   Version: 2.0.0
========================================================== */

:root {
	
	/* COLORS */
  --color-bg: #f8f5f2;
  --color-white: #ffffff;
  --color-primary: #c6a47e; /* gold/champagne */
  --color-text: #2c2c2c;
  --color-muted: #8a8a8a;
  --color-border: #e8e2db;

  /* TYPOGRAPHY */
  --font-title: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;

  /* SPACING */
  --space-xs: 6px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 40px;
  --space-xl: 80px;

  /* RADIUS */
  --radius: 12px;

    /* ======================================================
       SHADOWS
    ====================================================== */

    --shadow-sm:
        0 2px 6px rgba(0,0,0,.05);

    --shadow-md:
        0 8px 20px rgba(0,0,0,.08);

    --shadow-lg:
        0 20px 45px rgba(0,0,0,.12);

    --shadow-xl:
        0 32px 70px rgba(0,0,0,.16);

    /* ======================================================
       ANIMATION DURATIONS
    ====================================================== */

    --duration-fast: 180ms;
    --duration-normal: 350ms;
    --duration-slow: 700ms;
    --duration-hero: 1200ms;

    /* ======================================================
       EASING
    ====================================================== */

    --ease-standard: cubic-bezier(.2,.8,.2,1);

    --ease-emphasized: cubic-bezier(.22,.61,.36,1);

    --ease-decelerate: cubic-bezier(0,0,.2,1);

    --ease-accelerate: cubic-bezier(.4,0,1,1);

    /* ======================================================
       Z INDEX
    ====================================================== */

    --z-base: 1;
    --z-content: 10;
    --z-navigation: 100;
    --z-overlay: 900;
    --z-modal: 1000;
    --z-loader: 9999;

}