/* IP Soluções - Color tokens (dark theme)
 * Base palette + semantic aliases. Consume the semantic aliases in product code;
 * the base scale exists so we can retune the brand without touching components. */
:root {
  /* ---- Brand base ---- */
  --brand-orange: #E85002;   /* primary action */
  --brand-wine:   #C10801;   /* deep accent / pressed danger-brand */
  --brand-amber:  #F16001;   /* highlight / gradient partner to orange */
  --brand-sand:   #D9C3AB;   /* warm neutral / editorial accent */

  /* Orange tints/shades (derived, for hovers & washes) */
  --brand-orange-700: #B83E00;
  --brand-orange-600: #CF4701;
  --brand-orange-500: #E85002;
  --brand-orange-400: #F16001;
  --brand-orange-300: #FB7B2C;
  --brand-orange-soft: rgba(232, 80, 2, 0.14); /* tinted fill behind icons/badges */

  /* ---- Neutrals (dark) ---- */
  --neutral-0:   #0E0E0E;   /* app background */
  --neutral-50:  #161616;   /* raised background */
  --neutral-100: #1F1F1F;   /* surface / card */
  --neutral-150: #262626;   /* surface hover */
  --neutral-200: #2E2E2E;   /* surface active / input */
  --neutral-300: #333333;   /* border */
  --neutral-400: #4A4A4A;   /* border strong / divider on light contexts */
  --neutral-500: #6B6B6B;   /* disabled fg */
  --neutral-600: #A7A7A7;   /* secondary text */
  --neutral-900: #FAFAFA;   /* primary text */

  /* ---- Status ---- */
  --status-positive: #34D399;
  --status-warning:  #FBBF24;
  --status-negative: #FF6B6B;
  --status-info:     #5B9BFF;

  --status-positive-soft: rgba(52, 211, 153, 0.14);
  --status-warning-soft:  rgba(251, 191, 36, 0.14);
  --status-negative-soft: rgba(255, 107, 107, 0.14);
  --status-info-soft:     rgba(91, 155, 255, 0.14);

  /* ---- Semantic aliases ---- */
  --bg-app:        var(--neutral-0);
  --bg-raised:     var(--neutral-50);
  --surface:       var(--neutral-100);
  --surface-hover: var(--neutral-150);
  --surface-active:var(--neutral-200);
  --surface-input: var(--neutral-200);

  --border:        var(--neutral-300);
  --border-strong: var(--neutral-400);

  --text-primary:   var(--neutral-900);
  --text-secondary: var(--neutral-600);
  --text-disabled:  var(--neutral-500);
  --text-on-accent: #FFFFFF;
  --text-accent:    var(--brand-orange-400);

  --action:         var(--brand-orange);
  --action-hover:   var(--brand-orange-400);
  --action-active:  var(--brand-orange-600);
  --action-soft:    var(--brand-orange-soft);

  --focus-ring: rgba(232, 80, 2, 0.45);

  /* gradient used sparingly for hero/marketing accents */
  --grad-brand: linear-gradient(135deg, #F16001 0%, #E85002 45%, #C10801 100%); /* @kind color */
}