/* ============================================================
   CAMEC · Color tokens
   Trust-first palette: deep navy authority + azure/sky brand blue
   (brand blues extracted directly from the CAMEC logo gradient)
   ============================================================ */
:root {
  /* ---- Navy / ink (authority, security, headers, dark surfaces) ---- */
  --navy-950: #06182E;
  --navy-900: #0A1F3A;   /* primary ink / dark brand surface */
  --navy-800: #0E2A4F;
  --navy-700: #14375F;
  --navy-600: #1C4A78;
  --navy-500: #2A5E92;

  /* ---- Azure / sky (the CAMEC brand blue — action, links, accent) ---- */
  --azure-700: #155CBF;
  --azure-600: #1E73E8;  /* primary action / brand blue */
  --azure-500: #3B8DF0;
  --azure-400: #5BB5FF;  /* logo light stop / sky accent */
  --azure-300: #8FCDFF;
  --azure-200: #BFE0FF;
  --azure-100: #E3F1FF;
  --azure-50:  #F0F7FF;

  /* ---- Cool slate neutrals ---- */
  --slate-900: #16202E;
  --slate-800: #1F2D3F;
  --slate-700: #2B3A4D;
  --slate-600: #51637A;
  --slate-500: #6B7D93;
  --slate-400: #8597AB;
  --slate-300: #BCC8D6;
  --slate-200: #D9E1EB;
  --slate-100: #E8EEF5;
  --slate-50:  #F5F8FC;
  --white:     #FFFFFF;

  /* ---- Semantic status ---- */
  --success-600: #178A5C;
  --success-500: #1E9E6A;
  --success-100: #DCF3E8;
  --warning-600: #C9821E;
  --warning-500: #E8A33D;
  --warning-100: #FBEFD7;
  --danger-600:  #C13A35;
  --danger-500:  #D8453F;
  --danger-100:  #FBE3E2;
  --info-500:    var(--azure-600);
  --info-100:    var(--azure-100);

  /* ============ Semantic aliases (use these in product) ============ */
  --text-strong:   var(--navy-900);
  --text-body:     var(--slate-700);
  --text-muted:    var(--slate-500);
  --text-subtle:   var(--slate-400);
  --text-inverse:  var(--white);
  --text-on-dark:  #DCE6F2;
  --text-link:     var(--azure-600);

  --surface-page:    var(--slate-50);
  --surface-card:    var(--white);
  --surface-sunken:  var(--slate-100);
  --surface-tint:    var(--azure-50);
  --surface-dark:    var(--navy-900);
  --surface-darker:  var(--navy-950);
  --surface-brand:   var(--azure-600);

  --border-subtle:  var(--slate-200);
  --border-default: var(--slate-300);
  --border-strong:  var(--slate-400);
  --border-on-dark: rgba(255,255,255,0.12);
  --focus-ring:     rgba(30,115,232,0.40);

  /* ---- Signature gradients (logo + hero accents — used sparingly) ---- */
  --brand-gradient:        linear-gradient(135deg, #5BB5FF 0%, #1E73E8 100%); /* @kind color */
  --brand-gradient-deep:   linear-gradient(140deg, #2B7FE8 0%, #0E2A4F 100%); /* @kind color */
  --navy-gradient:         linear-gradient(160deg, #0E2A4F 0%, #06182E 100%); /* @kind color */
}