/**
 * DESIGN SYSTEM PERENNITY
 * Tokens de design pour Perennity Advisory
 * Inspiration : Heritage Moderne + Modernité Discrète
 * Support : Light & Dark Mode
 */

:root {
  /* ============================================
     COULEURS PRINCIPALES
     ============================================ */
  
  --perennity-primary: #1A252F;
  --perennity-primary-dark: #0F1419;
  --perennity-primary-light: #2D3A4A;
  --perennity-accent: #D4AF37;
  --perennity-accent-dark: #8B6914;
  --perennity-accent-light: #E5D4A8;
  --perennity-accent-subtle: #F5F0E0;
  
  /* ============================================
     COULEURS NEUTRES
     ============================================ */
  
  --perennity-neutral-50: #FAFAFA;
  --perennity-neutral-100: #F5F5F5;
  --perennity-neutral-200: #E8E8E8;
  --perennity-neutral-300: #D1D1D1;
  --perennity-neutral-400: #9E9E9E;
  --perennity-neutral-500: #6B6B6B;
  --perennity-neutral-600: #4A4A4A;
  --perennity-neutral-700: #2C2C2C;
  --perennity-neutral-800: #1A1A1A;
  --perennity-neutral-900: #0F0F0F;
  
  /* ============================================
     COULEURS SÉMANTIQUES (LIGHT MODE)
     ============================================ */
  
  --perennity-text-primary: #1A252F;
  --perennity-text-secondary: #4A5568;
  --perennity-text-muted: #718096;
  --perennity-bg-primary: #FBFCFD;
  --perennity-bg-secondary: #F7F9FA;
  --perennity-bg-card: #FFFFFF;
  --perennity-bg-alternate: #FAFBFC;
  --perennity-border: #E1E5E9;
  --perennity-border-subtle: #F0F2F5;
  --perennity-border-accent: #E5D4A8;
  
  /* ============================================
     TYPOGRAPHIE
     ============================================ */
  
  --perennity-font-elegant: 'Cormorant Garamond', serif;
  --perennity-font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  
  /* Tailles */
  --perennity-text-xs: 0.75rem;      /* 12px */
  --perennity-text-sm: 0.875rem;     /* 14px */
  --perennity-text-base: 1rem;       /* 16px */
  --perennity-text-lg: 1.125rem;     /* 18px */
  --perennity-text-xl: 1.25rem;      /* 20px */
  --perennity-text-2xl: 1.5rem;      /* 24px */
  --perennity-text-3xl: 2rem;        /* 32px */
  --perennity-text-4xl: 2.75rem;     /* 44px */
  --perennity-text-5xl: 3.5rem;      /* 56px */
  --perennity-text-6xl: 4rem;        /* 64px */
  
  /* Poids */
  --perennity-weight-regular: 400;
  --perennity-weight-medium: 500;
  --perennity-weight-semibold: 600;
  --perennity-weight-bold: 700;
  
  /* Line Height */
  --perennity-line-tight: 1.15;
  --perennity-line-normal: 1.6;
  --perennity-line-relaxed: 1.7;
  
  /* Letter Spacing */
  --perennity-spacing-tight: -0.02em;
  --perennity-spacing-normal: 0;
  --perennity-spacing-wide: 0.01em;
  --perennity-spacing-wider: 0.05em;
  
  /* ============================================
     ESPACEMENTS
     ============================================ */
  
  --perennity-space-xs: 0.5rem;      /* 8px */
  --perennity-space-sm: 1rem;         /* 16px */
  --perennity-space-md: 1.5rem;       /* 24px */
  --perennity-space-lg: 2rem;         /* 32px */
  --perennity-space-xl: 3rem;         /* 48px */
  --perennity-space-2xl: 4rem;         /* 64px */
  --perennity-space-3xl: 5rem;        /* 80px */
  --perennity-space-4xl: 6rem;        /* 96px */
  
  /* ============================================
     BORDURES
     ============================================ */
  
  --perennity-radius-sm: 4px;
  --perennity-radius-md: 8px;
  --perennity-radius-lg: 12px;
  --perennity-radius-full: 9999px;
  
  --perennity-border-width: 1px;
  --perennity-border-width-thick: 2px;
  
  /* ============================================
     OMBRES
     ============================================ */
  
  --perennity-shadow-sm: 0 1px 3px rgba(26, 37, 47, 0.08);
  --perennity-shadow-md: 0 4px 12px rgba(26, 37, 47, 0.1);
  --perennity-shadow-lg: 0 8px 24px rgba(26, 37, 47, 0.12);
  --perennity-shadow-xl: 0 16px 48px rgba(26, 37, 47, 0.15);
  --perennity-shadow-elegant: 0 2px 8px rgba(212, 175, 55, 0.15);
  
  /* ============================================
     TRANSITIONS
     ============================================ */
  
  --perennity-transition-fast: 200ms ease;
  --perennity-transition-normal: 300ms ease;
  --perennity-transition-slow: 500ms ease;
  
  /* ============================================
     Z-INDEX
     ============================================ */
  
  --perennity-z-base: 1;
  --perennity-z-dropdown: 100;
  --perennity-z-sticky: 200;
  --perennity-z-fixed: 300;
  --perennity-z-modal: 400;
  --perennity-z-popover: 500;
  --perennity-z-tooltip: 600;
  
  /* ============================================
     LAYOUT
     ============================================ */
  
  --perennity-container-max-width: 1200px;
  --perennity-container-padding: var(--perennity-space-lg);
  
  /* ============================================
     SLIDES SPECIFICS
     ============================================ */
  
  --perennity-slide-width: 100vw;
  --perennity-slide-height: 100vh;
  --perennity-slide-padding: var(--perennity-space-3xl);
  --perennity-slide-gap: var(--perennity-space-2xl);
}

/* ============================================
   DARK MODE
   ============================================ */

[data-theme="dark"],
.dark-mode {
  --perennity-text-primary: #E5D4A8;
  --perennity-text-secondary: #C9A961;
  --perennity-text-muted: #A68A4F;
  --perennity-bg-primary: #0F1419;
  --perennity-bg-secondary: #0F1419;
  --perennity-bg-card: #1A252F;
  --perennity-bg-alternate: #0F1419;
  --perennity-border: #E5D4A8;
  --perennity-border-subtle: #1A252F;
  --perennity-border-accent: #E5D4A8;
  
  --perennity-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --perennity-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --perennity-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
  --perennity-shadow-elegant: 0 2px 8px rgba(229, 212, 168, 0.2);
}

/* ============================================
   UTILITAIRES
   ============================================ */

.perennity-container {
  max-width: var(--perennity-container-max-width);
  margin: 0 auto;
  padding: 0 var(--perennity-container-padding);
}

.perennity-text-elegant {
  font-family: var(--perennity-font-elegant);
}

.perennity-text-body {
  font-family: var(--perennity-font-body);
}