/* ==========================================================================
   Ocean — Style custom root (Scame Plastics Technologies)
   Override ed estensioni dei design token di progetto.
   Caricato dopo style-root.css: ridefinisce i token base e le palette di divisione.
   ========================================================================== */

/* ==========================================================================
   1) Design tokens
   ========================================================================== */
:root {
  /* Superfici neutre (off-white al posto del bianco puro) */
  --color-paper: #F5F6F7;
  --color-surface: #ECEEF0;
  --color-grey: #E1E5E8;
  --color-grey-light: #ECEEF0;
  --color-grey-dark: #1E2126;
  --color-off-white: #F7F8F9;
  --color-line: #DCE0E4;
  --color-line-strong: #C6CCD2;

  /* Grafite / antracite / acciaio */
  --color-ink: #0F1113;
  --color-ink-rgb: 15,17,19;
  --color-graphite: #16181B;
  --color-anthracite: #1E2126;
  --color-steel-dark: #3A4149;
  --color-steel: #6C757D;
  --color-steel-light: #9AA2A9;
  --color-titanium: #C9CFD4;
  --color-text: #2C3138;
  --color-muted: #5D656D;

  /* Primario = grafite tecnico; accento neutro acciaio */
  --color-primary: #1C2025;
  --color-primary-rgb: 28,32,37;
  --color-accent: #8C949C;
  --color-accent-rgb: 140,148,156;

  /* Divisioni — tonalità digitali armonizzate con la palette acciaio */
  --color-medical: #1B6BB0;       /* ~ Classic Blue, alzato di luminosità */
  --color-medical-rgb: 27,107,176;
  --color-promotional: #3E852D;   /* ~ RAL 6018, più vivo mantenendo il contrasto testo */
  --color-promotional-rgb: 62,133,45;
  --color-industrial: #9B2733;    /* ~ Pantone 202 C, più vivo */
  --color-industrial-rgb: 155,39,51;
  --color-medical-light: #82BCE8;
  --color-promotional-light: #A0DD84;
  --color-industrial-light: #E28E98;
  --division: var(--color-steel);
  --division-light: var(--color-titanium);

  /* Ritmo verticale e offset header */
  --section-padding-y: 120px;
  --body-offset: 0px;
}

/* Colore di divisione a livello pagina (body class dal template) */
body.division-medical {--division: var(--color-medical);--division-light:var(--color-medical-light);}
body.division-promotional {--division: var(--color-promotional);--division-light:var(--color-promotional-light);}
body.division-industrial {--division: var(--color-industrial);--division-light:var(--color-industrial-light);}