/*
 * caumont-interiors-site/static/tokens-caumont.css
 * Charte RÉELLE Caumont Interiors — reconstruction fidèle 2026-06-03.
 * Fond universel #cbcaca, accent orange #fe6702, Futura Light + fallback.
 * Sources : CSS live caumont-interiors.fr + clone wp-content/.
 */

/* ---- Fontes réelles (fichiers copiés depuis le clone) ---- */

@font-face {
  font-family: "futura_lt_btlight";
  src: url("/static/fonts/futura-light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/*
 * Futura Book (futura_bk_btbook) : non présent dans le clone.
 * Fallback documenté : "Century Gothic","Trebuchet MS",sans-serif
 * reproduit l'approche géométrique humaniste de la marque.
 */

:root {
  /* -------- Surfaces -------- */
  --surface:        #cbcaca;   /* fond universel — charte réelle */
  --surface-footer: #eeeeee;   /* footer */
  --surface-raised: #ffffff;
  --surface-sunken: #b8b7b7;

  /* -------- Encre -------- */
  --ink:            #222222;
  --ink-muted:      #555555;
  --ink-faint:      #888888;
  --ink-on-accent:  #cbcaca;   /* texte sur orange */

  /* -------- Accent orange unique -------- */
  --accent:         #fe6702;
  --accent-hover:   #e65d01;

  /* -------- États -------- */
  --success:        #3d6b4f;
  --warning:        #8a6820;
  --danger:         #7a3030;
  --info:           #3d5a6b;

  /* -------- Bordures -------- */
  --border:         #b0afaf;
  --border-strong:  #888;
  --border-focus:   var(--accent);

  /* -------- Radius -------- */
  --radius-sm:      0px;
  --radius-md:      0px;
  --radius-lg:      0px;
  --radius-pill:    9999px;

  /* -------- Typographie -------- */
  --font-sans:      "futura_lt_btlight", "Century Gothic", "Trebuchet MS", sans-serif;
  --font-serif:     "futura_lt_btlight", "Century Gothic", "Trebuchet MS", sans-serif;
  --font-size-xs:   11px;
  --font-size-sm:   13px;
  --font-size-md:   15px;
  --font-size-lg:   18px;
  --font-size-xl:   24px;
  --font-size-2xl:  36px;
  --line-height:    1.65;

  /* -------- Easing -------- */
  --ease-brand:     cubic-bezier(0.445, 0.05, 0.55, 0.95);

  /* -------- Ombres -------- */
  --shadow-sm:      0 1px 3px rgba(0,0,0,0.08);
  --shadow-md:      0 2px 8px rgba(0,0,0,0.12);
  --shadow-lg:      0 12px 32px rgba(0,0,0,0.18);

  /* -------- Z-index -------- */
  --z-overlay:      100;

  /* -------- Espacement -------- */
  --space-xs:       4px;
  --space-sm:       8px;
  --space-md:       12px;
  --space-lg:       16px;
  --space-xl:       24px;
  --space-2xl:      40px;
  --space-3xl:      64px;
}

/* -------- Sélection brandée -------- */
::selection {
  background: #fe6702;
  color: #cbcaca;
}