/* ============================================================
   CUSTOM · COLOR TOKENS
   Base palette from the official Brand Checklist, plus semantic
   aliases derived from the modern Custom mobile/web app UI.
   ============================================================ */
:root {
  /* --- Corporate palette (Brand Checklist) --- */
  --uv-ink:        #1D1B3C; /* deep navy — wordmark, headings, top bars */
  --uv-blue:       #2783DD; /* primary brand blue — actions, links */
  --uv-sky:        #27ABE1; /* secondary sky blue */
  --uv-cyan:       #38D4EE; /* bright cyan — accents, gradient mid */
  --uv-ice:        #89FFFF; /* pale ice — gradient tip, highlights */
  --uv-yellow:     #FFCA08; /* accent yellow — warnings, highlights */

  /* --- Neutral ramp (Brand Checklist) --- */
  --uv-black:      #000000;
  --uv-gray-900:   #1A1A1A;
  --uv-gray-700:   #333333;
  --uv-gray-500:   #666666;
  --uv-gray-400:   #999999;
  --uv-gray-300:   #CCCCCC;
  --uv-gray-200:   #E6E6E6;
  --uv-gray-100:   #F4F5F7; /* app card / row surface */
  --uv-gray-50:    #FAFBFC;
  --uv-white:      #FFFFFF;

  /* --- Blue tints (derived, used for icon chips & fills) --- */
  --uv-blue-600:   #1E6FC0;
  --uv-blue-100:   #E4F0FB; /* light blue chip fill */
  --uv-cyan-100:   #E1F7FC;

  /* --- Signature gradient (Brand Checklist "Gradient") --- */
  --uv-gradient:        linear-gradient(120deg, #2783DD 0%, #27ABE1 45%, #38D4EE 75%, #89FFFF 100%); /* @kind color */
  --uv-gradient-ink:    linear-gradient(135deg, #1D1B3C 0%, #223A6B 55%, #2783DD 100%); /* @kind color */

  /* ==========================================================
     SEMANTIC ALIASES
     ========================================================== */
  /* Text */
  --text-strong:   var(--uv-gray-900);
  --text-body:     var(--uv-gray-700);
  --text-muted:    var(--uv-gray-500);
  --text-faint:    var(--uv-gray-400);
  --text-onbrand:  var(--uv-white);
  --text-link:     var(--uv-blue);
  --text-heading:  var(--uv-ink);

  /* Surfaces */
  --surface-page:  var(--uv-white);
  --surface-card:  var(--uv-white);
  --surface-sunken:var(--uv-gray-100);
  --surface-brand: var(--uv-ink);
  --surface-appbar:var(--uv-ink);

  /* Brand / interactive */
  --brand-primary:   var(--uv-blue);
  --brand-primary-ink: var(--uv-white);
  --brand-secondary: var(--uv-ink);
  --accent:          var(--uv-cyan);

  /* Borders & dividers */
  --border-subtle: var(--uv-gray-200);
  --border-strong: var(--uv-gray-300);
  --border-focus:  var(--uv-blue);

  /* Status / semantic (pastel pills seen in Orders app) */
  --status-info-fg:    #1E6FC0;  --status-info-bg:    #E4F0FB;
  --status-success-fg: #0F7A5A;  --status-success-bg: #CDEFE6;
  --status-hold-fg:    #9A5A16;  --status-hold-bg:    #FBE0C2;
  --status-warn-fg:    #8A6400;  --status-warn-bg:    #FFF1C2;
  --status-danger-fg:  #B23838;  --status-danger-bg:  #FBDADA;
  --status-neutral-fg: #4A4A4A;  --status-neutral-bg: #ECEDEF;

  /* Icon-chip tints (colored circular badges in app cards) */
  --chip-blue-bg:   #DCEBFA;  --chip-blue-fg:   #2783DD;
  --chip-cyan-bg:   #DBF3FA;  --chip-cyan-fg:   #1FA0C9;
  --chip-violet-bg: #E7E2FB;  --chip-violet-fg: #6C57C9;
  --chip-ink-bg:    #1A1A1A;  --chip-ink-fg:    #FFFFFF;
}