/**
 * _variables.css — alias CSS vers les tokens theme.json.
 * Socle commun datanaos (--dtn-*) + accent ianos (--ianos-*).
 *
 * @package Ianos_FSE
 */

:root {
  /* === COULEURS === */
  --ianos: var(--wp--preset--color--ianos);
  --ianos-dark: var(--wp--preset--color--ianos-dark);
  --ianos-light: var(--wp--preset--color--ianos-light);
  --dtn-primary: var(--wp--preset--color--primary);
  --dtn-secondary: var(--wp--preset--color--secondary);
  --dtn-base: var(--wp--preset--color--base);
  --dtn-surface: var(--wp--preset--color--surface);
  --dtn-surface-light: var(--wp--preset--color--surface-light);
  --dtn-border: var(--wp--preset--color--border);
  --dtn-muted: var(--wp--preset--color--muted);
  --dtn-gray-500: var(--wp--preset--color--gray-500);
  --dtn-gray-600: var(--wp--preset--color--gray-600);
  --dtn-gray-900: var(--wp--preset--color--gray-900);
  --dtn-slate-600: var(--wp--preset--color--slate-600);
  --dtn-accent: var(--wp--preset--color--accent);

  /* === RAYONS === */
  --radius-sm: var(--wp--custom--radius--sm);
  --radius-md: var(--wp--custom--radius--md);
  --radius-lg: var(--wp--custom--radius--lg);
  --radius-xl: var(--wp--custom--radius--xl);
  --radius-full: var(--wp--custom--radius--full);

  /* === OMBRES === */
  --shadow-sm: var(--wp--custom--shadow--sm);
  --shadow-md: var(--wp--custom--shadow--md);
  --shadow-lg: var(--wp--custom--shadow--lg);
  --shadow-xl: var(--wp--custom--shadow--xl);

  /* === TRANSITIONS === */
  --transition-fast: var(--wp--custom--transition--fast);
  --transition-normal: var(--wp--custom--transition--normal);
  --transition-slow: var(--wp--custom--transition--slow);

  /* === ESPACEMENTS === */
  --spacing-xs: var(--wp--preset--spacing--20);
  --spacing-sm: var(--wp--preset--spacing--30);
  --spacing-md: var(--wp--preset--spacing--40);
  --spacing-lg: var(--wp--preset--spacing--50);
  --spacing-xl: var(--wp--preset--spacing--60);
  --spacing-2xl: var(--wp--preset--spacing--70);
  --spacing-3xl: var(--wp--preset--spacing--80);
}