/*
Theme Name: EDI-TECH
Author: Intside
Description: Variables CSS globales — design system EDI-TECH v2 (cf. DESIGN.md)
Version: 2.0
*/

/* Palette tirée du logo EDI-TECH : vert de marque (action, énergie) et
   marine (structure, sérieux). Les neutres sont teintés vers le marine. */

:root {
  /* ── Marque : Vert (action · énergie · impact) ──────────── */
  --green-50: #EEF9F1;
  --green-100: #D5F0DD;
  --green-200: #A9E0BA;
  --green-300: #72CB8F;
  --green-400: #3FB565;
  --green-500: #1DA249;
  --green-600: #157A39;
  --green-700: #11632F;
  --green-800: #0E4F26;
  --green-900: #0A3B1C;
  --leaf: #6CC72F;

  /* ── Marque : Marine (structure · confiance) ────────────── */
  --navy-50: #EEF3F9;
  --navy-100: #D6E2F0;
  --navy-200: #ADC4E0;
  --navy-300: #7FA1CB;
  --navy-400: #4F7BB0;
  --navy-500: #1A6AA8;
  --navy-600: #154F86;
  --navy-700: #123E6E;
  --navy-800: #0E2F59;
  --navy-900: #0A2142;

  /* ── Neutres froids (teinte marine) ─────────────────────── */
  --ink-50: #F4F6F9;
  --ink-100: #E6EAF0;
  --ink-200: #D0D6DF;
  --ink-300: #ABB4C1;
  --ink-400: #8792A2;
  --ink-500: #667184;
  --ink-600: #4A5466;
  --ink-700: #2B3546;
  --ink-800: #142033;
  --ink-900: #0B1424;

  /* ── Rôles de marque ────────────────────────────────────── */
  --primary: var(--green-600);
  --primary-hover: var(--green-700);
  --primary-dark: var(--green-800);
  --primary-light: rgba(29, 162, 73, 0.1);
  --accent: var(--navy-800);
  --accent-dark: var(--navy-900);

  /* ── Fonds ──────────────────────────────────────────────── */
  --bg-body: #F7F9FB;
  --bg-section: #EEF2F6;
  --bg-card: #FFFFFF;
  --bg-alt: var(--green-50);
  --bg-dark: var(--navy-800);
  --bg-dark-deep: var(--navy-900);

  /* ── Texte ──────────────────────────────────────────────── */
  --text-main: #0F1B2D;
  --text-muted: #4A5466;
  --text-light: #667184;

  /* ── Texte sur fond sombre ──────────────────────────────── */
  --on-dark: #F4F6F9;
  --on-dark-secondary: #D0D9E6;
  --on-dark-muted: #A9B7CB;

  /* ── Bordures ───────────────────────────────────────────── */
  --border-soft: rgba(14, 26, 45, 0.04);
  --border: rgba(14, 26, 45, 0.08);
  --border-strong: rgba(14, 26, 45, 0.18);
  --border-hover: rgba(29, 162, 73, 0.4);
  --border-on-dark: rgba(255, 255, 255, 0.06);
  --border-on-dark-strong: rgba(255, 255, 255, 0.12);

  /* ── Voiles ─────────────────────────────────────────────── */
  --overlay: rgba(247, 249, 251, 0.92);
  --header-bg: rgba(255, 255, 255, 0.86);

  /* ── Couleurs sémantiques ───────────────────────────────── */
  --success: var(--green-600);
  --success-light: rgba(29, 162, 73, 0.12);
  --warning: #B45309;
  --warning-light: rgba(180, 83, 9, 0.12);
  --destructive: #B91C1C;
  --destructive-light: rgba(239, 68, 68, 0.12);
  --info: var(--navy-600);
  --info-light: rgba(21, 79, 134, 0.1);

  /* ── Polices ────────────────────────────────────────────── */
  --font-heading: "Satoshi", "Inter", sans-serif;
  --font-body: "Inter", sans-serif;

  /* ── Radius ─────────────────────────────────────────────── */
  --radius-sm: 0.5rem;
  --radius: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-pill: 62.5rem;

  /* ── Ombres ─────────────────────────────────────────────── */
  --shadow-xs: 0 1px 2px rgba(14, 26, 45, 0.04);
  --shadow-sm: 0 4px 24px rgba(14, 26, 45, 0.06);
  --shadow-md: 0 8px 32px rgba(14, 26, 45, 0.08);
  --shadow-lg: 0 16px 48px -12px rgba(14, 26, 45, 0.12);
  --shadow-xl: 0 24px 64px -16px rgba(14, 26, 45, 0.16);
  --shadow-brand: 0 12px 40px -8px rgba(21, 122, 57, 0.22);
}