/* TelcoDataCloud - Color tokens
   Palette derived from the primary logo wordmark:
   "Telco" (bright sky) → "Data" (ocean blue) → "Cloud" (deep navy) */

:root {
  /* ---- Brand ramp (light → dark, as read across the wordmark) ---- */
  --tdc-sky-100: #E7F5FC;
  --tdc-sky-200: #C2E6F8;
  --tdc-sky-300: #7FCBEF;
  --tdc-sky:     #29ABE2;  /* "Telco" - bright sky blue, primary accent */
  --tdc-azure:   #1B8FD1;
  --tdc-blue:    #1B75BC;  /* "Data" - ocean blue */
  --tdc-blue-600:#155E9A;
  --tdc-navy:    #0C4676;  /* "Cloud" - deep navy */
  --tdc-navy-800:#0A2F54;
  --tdc-ink:     #0A2540;  /* deepest - dark surfaces, headings on light */
  --tdc-indigo:  #26326F;  /* cool indigo accent seen in mark */

  /* ---- Neutrals ---- */
  --tdc-white:   #FFFFFF;
  --tdc-gray-50: #F6F8FB;
  --tdc-gray-100:#EDF1F6;
  --tdc-gray-200:#DCE3EC;
  --tdc-gray-300:#C2CCD9;
  --tdc-gray-400:#95A2B3;
  --tdc-gray-500:#697687;
  --tdc-gray-600:#4B5768;
  --tdc-gray-700:#33404F;
  --tdc-gray-900:#141C26;

  /* ---- Semantic ---- */
  --tdc-success: #1E9E6A;
  --tdc-warning: #E0A020;
  --tdc-danger:  #D9453B;
  --tdc-info:    var(--tdc-sky);

  /* ---- Brand gradient (logo mark / hero washes) ---- */
  --tdc-gradient: linear-gradient(120deg, #29ABE2 0%, #1B75BC 52%, #0C4676 100%); /* @kind other */
  --tdc-gradient-soft: linear-gradient(120deg, #E7F5FC 0%, #F6F8FB 100%); /* @kind other */

  /* ---- Semantic aliases (use these in components) ---- */
  --color-accent:        var(--tdc-sky);
  --color-accent-strong: var(--tdc-blue);
  --color-brand:         var(--tdc-navy);

  --text-heading:  var(--tdc-ink);
  --text-body:     var(--tdc-gray-700);
  --text-muted:    var(--tdc-gray-500);
  --text-on-brand: var(--tdc-white);
  --text-link:     var(--tdc-blue);

  --surface-page:   var(--tdc-white);
  --surface-subtle: var(--tdc-gray-50);
  --surface-card:   var(--tdc-white);
  --surface-inverse:var(--tdc-ink);

  --border-subtle: var(--tdc-gray-200);
  --border-strong: var(--tdc-gray-300);
  --focus-ring:    var(--tdc-sky);
}