/* APTOS — Color tokens
 * Brand sampled directly from the APTOS app-icon (warm orange) and the
 * Personal AI parent mark (blue→cyan gradient). Decorative grain-gradient
 * accents (red / purple / blue) come from the deck's mesh blobs.
 */
:root {
  /* ---- Brand orange (primary) ---- */
  --orange-50:  #FFF3EC;
  --orange-100: #FFE2CF;
  --orange-200: #FFC4A0;
  --orange-300: #FFA06B;
  --orange-400: #FF7A2D;
  --orange-500: #FF6B1B; /* brand core */
  --orange-600: #F4600F;
  --orange-700: #CC4D08;
  --orange-800: #A03C08;
  --orange-900: #7A2F0B;

  /* ---- Slate (cool neutral ramp) ---- */
  --slate-50:  #F7F8FA;
  --slate-100: #EEF1F5;
  --slate-200: #E1E6ED;
  --slate-300: #CBD3DE;
  --slate-400: #9AA6B6;
  --slate-500: #6B7888;
  --slate-600: #4D596A;
  --slate-700: #364153;
  --slate-800: #232C3B;
  --slate-900: #141A24;
  --slate-950: #0B0F16;

  /* ---- Personal AI cyan / blue (parent brand, secondary) ---- */
  --cyan-300:  #6FE3EC;
  --cyan-400:  #3EDCE5;
  --cyan-500:  #1FB6C4;
  --cyan-600:  #138897;
  --blue-400:  #4D86D8;
  --blue-500:  #2B6CCA;
  --blue-600:  #21459B;
  --blue-700:  #1A3578;

  /* ---- Semantic hues ---- */
  --green-100: #DCF3E9;
  --green-500: #1F9D6B; /* verified / active */
  --green-600: #157C53;
  --amber-100: #FEF0D6;
  --amber-500: #F5A524; /* permit expiring / pending */
  --amber-600: #C77E13;
  --red-100:   #FFE3E1;
  --red-500:   #FF5F5A; /* error / dispute */
  --red-600:   #DB3B36;
  --purple-500:#9480BD; /* decorative accent */
  --gold-500:  #E8A317; /* Trust Mark Elite */
  --gold-600:  #C2820A;

  /* ============ Semantic aliases ============ */

  /* Surfaces */
  --bg-app:       var(--slate-50);
  --bg-surface:   #FFFFFF;
  --bg-subtle:    var(--slate-100);
  --bg-muted:     var(--slate-200);
  --bg-inverse:   var(--slate-900);
  --bg-brand-soft:var(--orange-50);

  /* Text */
  --text-primary:   var(--slate-900);
  --text-secondary: var(--slate-600);
  --text-tertiary:  var(--slate-500);
  --text-disabled:  var(--slate-400);
  --text-inverse:   #FFFFFF;
  --text-brand:     var(--orange-600);
  --text-link:      var(--blue-500);

  /* Borders */
  --border-subtle:  var(--slate-200);
  --border-default: var(--slate-300);
  --border-strong:  var(--slate-400);
  --border-brand:   var(--orange-500);

  /* Brand actions */
  --brand:        var(--orange-500);
  --brand-hover:  var(--orange-600);
  --brand-press:  var(--orange-700);
  --on-brand:     #FFFFFF;
  --accent:       var(--cyan-500);

  /* Feedback */
  --success: var(--green-500);
  --warning: var(--amber-500);
  --danger:  var(--red-500);
  --info:    var(--blue-500);

  /* Focus */
  --focus-ring: 0 0 0 3px rgba(255, 107, 27, 0.35);

  /* Trust Mark tiers */
  --tier-listed:   var(--slate-400);
  --tier-verified: var(--blue-500);
  --tier-trusted:  var(--green-500);
  --tier-elite:    var(--gold-500);

  /* Signature gradients */
  --grad-brand:   linear-gradient(135deg, var(--orange-400) 0%, var(--orange-600) 100%);
  --grad-personal:linear-gradient(135deg, var(--blue-500) 0%, var(--cyan-400) 100%);
  --grad-trust:   linear-gradient(135deg, var(--blue-600) 0%, var(--cyan-500) 100%);
}