/* OPEPARTNER — Color tokens
   Signature: beige, en contraste sur fond bleu profond. Accent orange terrain. */
:root {
  /* --- Deep blue (fond profond) --- */
  --navy-900: #06202e;
  --navy-800: #082f47; /* OFFICIAL brand deep blue (logo ground) */
  --navy-700: #113a52;
  --navy-600: #1c465f; /* section background */
  --navy-500: #2f5a72;
  --navy-400: #5a7787;

  /* --- Beige (couleur signature) --- */
  --beige-700: #b8ae7d;
  --beige-600: #cfc79a;
  --beige-500: #e4deb9; /* OFFICIAL signature beige (wordmark) */
  --beige-400: #ece8cf;
  --beige-300: #f4f1de;
  --paper: #f7f5e8;     /* cream page surface */

  /* --- Terracotta / copper (bandeau) --- */
  --terracotta-600: #a06f43;
  --terracotta-500: #b88253; /* copper section background */
  --terracotta-400: #c99a6f;

  /* --- Orange (accent action / terrain) --- */
  --orange-600: #c96f22;
  --orange-500: #e18432; /* bright action accent */
  --orange-400: #ec9d55;

  /* --- Red (supply chain / alerte) --- */
  --red-600: #a33327;
  --red-500: #be3f34;

  /* --- Khaki & steel --- */
  --khaki-500: #9c9c84;
  --steel-300: #a8b0b8; /* big step numbers */

  /* --- Blue-grey neutrals --- */
  --blue-100: #c7d4e0; /* light footer band */
  --grey-100: #f0f1f3; /* subtle surface / testimonial */
  --grey-200: #e2e5e9;
  --grey-300: #cbd0d6;

  /* --- Pure --- */
  --white: #ffffff;
  --black: #0a1c26;

  /* ============ SEMANTIC ALIASES ============ */
  --color-bg: var(--paper);
  --color-surface: var(--white);
  --color-surface-alt: var(--grey-100);
  --color-surface-cream: var(--paper);

  --color-brand: var(--beige-500);        /* signature beige */
  --color-brand-deep: var(--navy-800);     /* deep blue base */
  --color-accent: var(--orange-500);       /* action orange */
  --color-accent-hover: var(--orange-600);
  --color-terracotta: var(--terracotta-500);

  --color-text: var(--navy-800);           /* body on light */
  --color-text-muted: var(--navy-400);
  --color-text-inverse: var(--paper);      /* on dark */
  --color-text-inverse-muted: rgba(247,245,232,0.72);
  --color-text-on-accent: var(--white);

  --color-border: var(--grey-300);
  --color-border-strong: var(--navy-600);
  --color-border-inverse: rgba(247,245,232,0.28);

  --color-link: var(--orange-600);
  --color-link-hover: var(--orange-500);

  --color-focus-ring: var(--orange-500);

  /* Direction expertise accents */
  --dir-commerciale: var(--khaki-500);
  --dir-marketing: var(--terracotta-500);
  --dir-generale: var(--navy-600);
  --dir-strategique: var(--navy-800);
  --dir-financiere: var(--beige-600);
  --dir-supply-chain: var(--red-500);
}