/* ============================================================
   TDi · COLOR TOKENS  —  OFFICIAL (Manual de Aplicação de Marca TDI)
   Brand palette: #00C4E7 #032543 #4988BD #3B4860 #004AAD
   Cyan signal on navy ink, with a blue range + slate neutrals.
   ============================================================ */
:root {
  /* ---- Brand: TDi Cyan (#00C4E7 — the signal) ---- */
  --cyan-50:  #e6fbff;
  --cyan-100: #c2f3fc;
  --cyan-200: #8ee8f9;
  --cyan-300: #4ad9f1;
  --cyan-400: #19ccea;
  --cyan-500: #00c4e7;   /* OFFICIAL core brand cyan */
  --cyan-600: #00a1c2;
  --cyan-700: #067f9b;
  --cyan-800: #0d667d;
  --cyan-900: #115365;
  --cyan-950: #0a3744;

  /* ---- Ink: brand navy structure (#032543) ---- */
  --ink-950: #02192d;
  --ink-900: #032543;   /* OFFICIAL navy — primary ink / dark panels */
  --ink-800: #06314f;
  --ink-700: #0b3f63;
  --ink-600: #134f79;

  /* ---- Blue: brand mid + strong (#4988BD / #004AAD) ---- */
  --blue-200: #c3d7ea;
  --blue-300: #8fb3d4;
  --blue-400: #4988bd;   /* OFFICIAL medium blue */
  --blue-500: #2f6ba4;
  --blue-600: #004aad;   /* OFFICIAL strong blue */
  --blue-700: #093d88;
  --blue-800: #0c3168;

  /* ---- Steel: slate neutrals (#3B4860) ---- */
  --steel-50:  #f4f6f9;
  --steel-100: #e9edf2;
  --steel-200: #d6dce5;
  --steel-300: #b8c2cf;
  --steel-400: #8b97a8;
  --steel-500: #5e6b80;
  --steel-600: #3b4860;   /* OFFICIAL slate */
  --steel-700: #2f3a4d;
  --steel-800: #232b39;
  --steel-900: #171d27;

  /* ---- TSE Green: sister brand (engineering & automation) ---- */
  --green-50:  #e9f9ef;
  --green-300: #6fd99a;
  --green-500: #2e9e5b;   /* TSE core green */
  --green-600: #1f8049;
  --green-700: #1a6a3d;

  /* ---- Functional / status (industrial alarm palette — product-level) ---- */
  --amber-400: #ffc24b;
  --amber-500: #f5a623;
  --amber-600: #cf8412;
  --red-400:   #ff6b5e;
  --red-500:   #e23b34;
  --red-600:   #bd2a25;
  --white: #ffffff;
  --black: #000000;

  /* ============================================================
     SEMANTIC ALIASES — reference these in product UI
     ============================================================ */
  /* Text */
  --text-strong:   var(--ink-900);
  --text-body:     var(--steel-700);
  --text-muted:    var(--steel-500);
  --text-faint:    var(--steel-400);
  --text-inverse:  var(--white);
  --text-accent:   var(--cyan-600);
  --text-link:     var(--blue-600);
  --text-on-accent:var(--ink-900);

  /* Surfaces */
  --surface-page:   var(--steel-50);
  --surface-card:   var(--white);
  --surface-sunken: var(--steel-100);
  --surface-inset:  var(--steel-200);
  --surface-ink:    var(--ink-900);   /* dark panels / hero */
  --surface-ink-2:  var(--ink-800);

  /* Lines */
  --border-subtle: var(--steel-200);
  --border-default:var(--steel-300);
  --border-strong: var(--steel-400);
  --border-ink:    var(--ink-700);

  /* Accents */
  --accent:        var(--cyan-500);
  --accent-hover:  var(--cyan-600);
  --accent-press:  var(--cyan-700);
  --accent-soft:   var(--cyan-50);
  --accent-2:      var(--blue-600);   /* strong brand blue */
  --accent-2-hover:var(--blue-700);

  /* Status */
  --ok:      var(--green-500);
  --ok-soft: var(--green-50);
  --warn:      var(--amber-500);
  --warn-soft: #fff6e3;
  --danger:      var(--red-500);
  --danger-soft: #ffeceb;
  --info:      var(--cyan-500);
  --info-soft: var(--cyan-50);

  /* Focus */
  --focus-ring: var(--cyan-500);
}