/* ============================================================
   VETRO — COLOR TOKENS
   60 / 30 / 10 — Primary / Secondary / Accent
   ============================================================ */
:root {
  /* ---- Primary palette (raw) ---- */
  --vt-deep-navy: #0B1220;   /* Primary / Text */
  --vt-teal:      #00BBAA;   /* Primary / Brand */
  --vt-blue:      #2563EB;   /* Accent / Info */
  --vt-violet:    #7C3AED;   /* Accent / Highlight */
  --vt-soft-white:#F7F8FA;   /* Background */

  /* ---- Secondary palette (raw) ---- */
  --vt-slate:     #334155;   /* Text / Secondary */
  --vt-cool-gray: #E5E7EB;   /* Border / Line */
  --vt-light-gray:#F1F3F5;   /* Background */
  --vt-mint:      #E6FAF6;   /* Subtle / Positive */
  --vt-lavender:  #F3E8FF;   /* Subtle / Highlight */
  --vt-white:     #FFFFFF;

  /* ---- Teal scale ---- */
  --vt-teal-50:  #E6FAF6;
  --vt-teal-100: #C2F1E9;
  --vt-teal-200: #8AE5D6;
  --vt-teal-300: #4DD6C2;
  --vt-teal-400: #1AC7B0;
  --vt-teal-500: #00BBAA;
  --vt-teal-600: #009B8D;
  --vt-teal-700: #007A6F;

  /* ---- Blue scale ---- */
  --vt-blue-50:  #EEF3FE;
  --vt-blue-100: #D7E3FC;
  --vt-blue-300: #7BA3F4;
  --vt-blue-500: #2563EB;
  --vt-blue-600: #1D4FD0;
  --vt-blue-700: #1840AB;

  /* ---- Violet scale ---- */
  --vt-violet-50:  #F3E8FF;
  --vt-violet-100: #E6D2FF;
  --vt-violet-300: #B48BF2;
  --vt-violet-500: #7C3AED;
  --vt-violet-600: #6A28D6;
  --vt-violet-700: #5A1FB8;

  /* ---- Neutral / ink scale ---- */
  --vt-ink-900: #0B1220;
  --vt-ink-800: #1A2233;
  --vt-ink-700: #283247;
  --vt-ink-600: #334155;
  --vt-ink-500: #5A6678;
  --vt-ink-400: #8A93A3;
  --vt-ink-300: #B6BCC8;
  --vt-ink-200: #E5E7EB;
  --vt-ink-100: #F1F3F5;
  --vt-ink-50:  #F7F8FA;

  /* ---- Semantic: status ---- */
  --vt-success: #00BBAA;
  --vt-success-surface: #E6FAF6;
  --vt-info: #2563EB;
  --vt-info-surface: #EEF3FE;
  --vt-highlight: #7C3AED;
  --vt-highlight-surface: #F3E8FF;
  --vt-warning: #E0A800;
  --vt-warning-surface: #FFF6DB;
  --vt-danger: #DC4646;
  --vt-danger-surface: #FCEBEB;

  /* ---- Semantic: text ---- */
  --text-primary:   var(--vt-deep-navy);
  --text-secondary: var(--vt-slate);
  --text-muted:     var(--vt-ink-400);
  --text-inverse:   var(--vt-white);
  --text-brand:     var(--vt-teal-600);
  --text-link:      var(--vt-blue);

  /* ---- Semantic: surfaces ---- */
  --surface-page:    var(--vt-soft-white);
  --surface-card:    var(--vt-white);
  --surface-sunken:  var(--vt-light-gray);
  --surface-inverse: var(--vt-deep-navy);
  --surface-brand:   var(--vt-teal);
  --surface-accent:  var(--vt-blue);

  /* ---- Semantic: borders ---- */
  --border-subtle:  var(--vt-cool-gray);
  --border-strong:  var(--vt-ink-300);
  --border-focus:   var(--vt-blue);

  /* ---- Gradients ---- */
  --gradient-brand:   linear-gradient(115deg, #00BBAA 0%, #2563EB 100%); /* @kind color */
  --gradient-insight: linear-gradient(115deg, #2563EB 0%, #7C3AED 60%, #E6D2FF 100%); /* @kind color */
  --gradient-ink:     linear-gradient(160deg, #0B1220 0%, #1A2A4A 100%); /* @kind color */
}