/* IMPADY — Color tokens
   Brand source (IMPADY report brand sheet):
   ORANGE  rgb(255,110,66)  #FF6E42
   BLUE    rgb(30,60,90)    #1E3C5A
   WHITE   #FFFFFF
   LIGHT GREY (Black 10%)   #E6E6E6 */

:root {
  /* ---- Brand anchors ---- */
  --impady-orange: #FF6E42;
  --impady-navy:   #1E3C5A;
  --impady-white:  #FFFFFF;

  /* ---- Orange scale (primary) ---- */
  --orange-50:  #FFF3EE;
  --orange-100: #FFE2D7;
  --orange-200: #FFC4AE;
  --orange-300: #FFA183;
  --orange-400: #FF8559;
  --orange-500: #FF6E42; /* brand orange */
  --orange-600: #ED5527;
  --orange-700: #C7401A;
  --orange-800: #9C3013;
  --orange-900: #6E220E;

  /* ---- Navy / blue scale (structural) ---- */
  --navy-50:  #F1F6FA;
  --navy-100: #E0EAF2;
  --navy-200: #C2D5E5;
  --navy-300: #9BB7D1;
  --navy-400: #6B91B5;
  --navy-500: #436E96;
  --navy-600: #2D5478;
  --navy-700: #1E3C5A; /* brand navy */
  --navy-800: #162D44;
  --navy-900: #0F2030;
  --navy-950: #091622;

  /* ---- Neutral / grey scale ---- */
  --grey-50:  #F8F8F9;
  --grey-100: #F0F0F2;
  --grey-200: #E6E6E6; /* brand light grey (black 10%) */
  --grey-300: #D4D5D8;
  --grey-400: #ABADB4;
  --grey-500: #7E818A;
  --grey-600: #585B64;
  --grey-700: #3C3F47;
  --grey-800: #25272D;
  --grey-900: #15171B;

  /* ---- Data / status (for charts, badges) ---- */
  --status-success: #1F8A5B;
  --status-success-soft: #DCF1E7;
  --status-warning: #E89A1C;
  --status-warning-soft: #FBEBCF;
  --status-danger:  #D6402C;
  --status-danger-soft:  #F8DAD4;
  --status-info:    #2D5478;
  --status-info-soft: #E0EAF2;

  /* =====================================================
     SEMANTIC ALIASES
     ===================================================== */

  /* Surfaces & backgrounds */
  --surface-page:      var(--impady-white);
  --surface-subtle:    var(--navy-50);   /* pale-tint section bg (Gartner-style) */
  --surface-card:      var(--impady-white);
  --surface-raised:    var(--impady-white);
  --surface-inverse:   var(--navy-900);  /* deep brand background */
  --surface-inverse-2: var(--navy-800);
  --surface-brand:     var(--orange-500);

  /* Text */
  --text-primary:    var(--navy-900);
  --text-secondary:  var(--grey-600);
  --text-muted:      var(--grey-500);
  --text-on-brand:   var(--impady-white);
  --text-on-dark:    var(--impady-white);
  --text-on-dark-2:  var(--navy-200);
  --text-accent:     var(--orange-600);
  --text-link:       var(--orange-600);

  /* Borders & dividers */
  --border-subtle:   var(--grey-200);
  --border-default:  var(--grey-300);
  --border-strong:   var(--navy-700);
  --border-brand:    var(--orange-500);
  --border-on-dark:  rgba(255,255,255,0.16);

  /* Interactive — primary (orange) */
  --action-primary-bg:       var(--orange-500);
  --action-primary-bg-hover: var(--orange-600);
  --action-primary-bg-press: var(--orange-700);
  --action-primary-fg:       var(--impady-white);

  /* Interactive — secondary (navy) */
  --action-secondary-bg:       var(--navy-700);
  --action-secondary-bg-hover: var(--navy-800);
  --action-secondary-bg-press: var(--navy-900);
  --action-secondary-fg:       var(--impady-white);

  /* The signature accent bar that flanks headlines */
  --accent-bar: var(--orange-500);

  /* Focus ring */
  --focus-ring: var(--orange-500);
}