/* =========================
   TOKENS ADVA11
   Pont entre theme.json et le CSS du thème enfant
   ========================= */

:root {

  /* =========================
     COULEURS D’IDENTITÉ
     ========================= */

  --adva11-color-primary: var(--wp--preset--color--primary);
  --adva11-color-secondary: var(--wp--preset--color--secondary);
  --adva11-color-accent: var(--wp--preset--color--accent);


  /* =========================
     COULEURS NEUTRES
     ========================= */

  --adva11-color-neutral-0: var(--wp--preset--color--neutral-0);
  --adva11-color-neutral-100: var(--wp--preset--color--neutral-100);
  --adva11-color-neutral-300: var(--wp--preset--color--neutral-300);
  --adva11-color-neutral-500: var(--wp--preset--color--neutral-500);
  --adva11-color-neutral-700: var(--wp--preset--color--neutral-700);
  --adva11-color-neutral-900: var(--wp--preset--color--neutral-900);


  /* =========================
     COULEURS SÉMANTIQUES
     ========================= */

  --adva11-color-success: var(--wp--preset--color--success);
  --adva11-color-warning: var(--wp--preset--color--warning);
  --adva11-color-error: var(--wp--preset--color--error);
  --adva11-color-info: var(--wp--preset--color--info);


  /* =========================
     COULEURS D’USAGE
     ========================= */

  --adva11-color-background: var(--adva11-color-neutral-0);
  --adva11-color-surface: var(--adva11-color-neutral-100);
  --adva11-color-text: var(--adva11-color-neutral-900);
  --adva11-color-text-muted: var(--adva11-color-neutral-700);
  --adva11-color-text-inverse: var(--adva11-color-neutral-0);
  --adva11-color-border: var(--adva11-color-neutral-300);
  --adva11-color-link: var(--adva11-color-neutral-900);
  --adva11-color-link-inverse: var(--adva11-color-neutral-0);
  --adva11-color-focus-background: var(--adva11-color-neutral-900);
  --adva11-color-focus-text: var(--adva11-color-neutral-0);


  /* =========================
     TYPOGRAPHIES
     ========================= */

  --adva11-font-heading: var(--wp--preset--font-family--heading);
  --adva11-font-body: var(--wp--preset--font-family--body);


  /* =========================
     GRAISSES TYPOGRAPHIQUES
     ========================= */

  --adva11-font-weight-regular: 400;
  --adva11-font-weight-semibold: 600;
  --adva11-font-weight-bold: 700;


  /* =========================
     TAILLES TYPO
     ========================= */

  --adva11-font-size-2xs: var(--wp--preset--font-size--2-xs);
  --adva11-font-size-xs: var(--wp--preset--font-size--xs);
  --adva11-font-size-s: var(--wp--preset--font-size--s);
  --adva11-font-size-m: var(--wp--preset--font-size--m);
  --adva11-font-size-l: var(--wp--preset--font-size--l);
  --adva11-font-size-xl: var(--wp--preset--font-size--xl);
  --adva11-font-size-2xl: var(--wp--preset--font-size--2-xl);
  --adva11-font-size-3xl: var(--wp--preset--font-size--3-xl);


  /* =========================
     ESPACEMENTS
     ========================= */

  --adva11-space-2xs: var(--wp--preset--spacing--2-xs);
  --adva11-space-xs: var(--wp--preset--spacing--xs);
  --adva11-space-s: var(--wp--preset--spacing--s);
  --adva11-space-m: var(--wp--preset--spacing--m);
  --adva11-space-l: var(--wp--preset--spacing--l);
  --adva11-space-xl: var(--wp--preset--spacing--xl);
  --adva11-space-2xl: var(--wp--preset--spacing--2-xl);
  --adva11-space-3xl: var(--wp--preset--spacing--3-xl);


  /* =========================
     RADIUS
     ========================= */

  --adva11-radius-2xs: var(--wp--custom--radius--2xs);
  --adva11-radius-xs: var(--wp--custom--radius--xs);
  --adva11-radius-s: var(--wp--custom--radius--s);
  --adva11-radius-m: var(--wp--custom--radius--m);
  --adva11-radius-l: var(--wp--custom--radius--l);
  --adva11-radius-xl: var(--wp--custom--radius--xl);
  --adva11-radius-2xl: var(--wp--custom--radius--2xl);
  --adva11-radius-3xl: var(--wp--custom--radius--3xl);


  /* =========================
     BORDURES
     ========================= */

  --adva11-border-2xs: var(--wp--custom--borderWidth--2xs);
  --adva11-border-xs: var(--wp--custom--borderWidth--xs);
  --adva11-border-s: var(--wp--custom--borderWidth--s);
  --adva11-border-m: var(--wp--custom--borderWidth--m);
  --adva11-border-l: var(--wp--custom--borderWidth--l);
  --adva11-border-xl: var(--wp--custom--borderWidth--xl);
  --adva11-border-2xl: var(--wp--custom--borderWidth--2xl);
  --adva11-border-3xl: var(--wp--custom--borderWidth--3xl);

}