/* ================================
   VARIABLES CSS – Portfolio Leïna Sadi
   Noms alignés sur le socle Framework_Front
   ================================ */

:root {
  color-scheme: dark;

  /* Palette */
  --color-primary: #b87a4b;       /* Cuivre : accent rare */
  --color-secondary: #d9c8ae;     /* Beige chaud */
  --color-bg: #070708;            /* Noir profond */
  --color-bg-glow: #0e0e10;       /* Centre du dégradé de fond */
  --color-bg-alt: #171614;        /* Charbon */
  --color-text: #ece8e1;          /* Blanc cassé */
  --color-text-light: #8c877f;    /* Texte discret (contraste AA sur --color-bg) */
  --color-text-inverse: #070708;
  --color-border: rgb(236 232 225 / 0.14);
  --color-veil: rgb(7 7 8 / 0.88); /* Fond des révélations */

  /* Typographies */
  --font-base: 'General Sans', system-ui, sans-serif;
  --font-heading: 'General Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Tailles de texte */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-display: clamp(1.9rem, min(6vw, 9svh), 4.75rem);

  /* Interlettrage */
  --tracking-label: 0.16em;
  --tracking-display: 0.24em;
  --tracking-name: 0.35em;

  /* Espacements */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 4rem;
  --space-3xl: 8rem;

  /* Durées & courbes : lentes et précises */
  --transition-fast: 150ms;
  --transition-base: 300ms;
  --transition-slow: 500ms;
  --transition-reveal: 1100ms;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* Échelle de z-index */
  --z-base: 1;
  --z-dropdown: 10;
  --z-sticky: 20;
  --z-overlay: 30;
  --z-modal: 40;
  --z-toast: 50;
}