/* ==========================================================================
   Accobat Design System — Color tokens
   Source of truth: Accobat A/S Design Guide (Jan 2021) + accoTOOL product assets.
   --------------------------------------------------------------------------
   PRIMARY      Orange #F7941D · White #FFFFFF · Blue (steel) #517B96
   SECONDARY    #006C93 · #2098A9 · #599583 · #BF9258 · #8A6941  (use sparingly)
   accoTOOL     product-line accents layered on the Accobat core palette
   ========================================================================== */

:root {
  /* ---- Primary brand ---------------------------------------------------- */
  --accobat-orange:        #F7941D;  /* primary — glæde, venlighed, selvtillid */
  --accobat-orange-rgb:    247, 148, 29; /* @kind color */
  --accobat-white:         #FFFFFF;  /* primary background */
  --accobat-blue:          #517B96;  /* steel blue — secondary background / brand */
  --accobat-blue-rgb:      81, 123, 150; /* @kind color */

  /* Orange tonal ramp (tints/shades for hovers, fills, blurry backgrounds) */
  --orange-050:  #FEF4E7;
  --orange-100:  #FCE2C1;
  --orange-200:  #FBCF95;
  --orange-300:  #FAB85F;
  --orange-400:  #F8A53A;
  --orange-500:  #F7941D;   /* = brand orange */
  --orange-600:  #E07F0C;
  --orange-700:  #B8660A;
  --orange-800:  #8C4E08;

  /* Steel-blue tonal ramp */
  --blue-050:    #EEF3F6;
  --blue-100:    #D4E0E8;
  --blue-200:    #AFC4D2;
  --blue-300:    #87A6BB;
  --blue-400:    #6B90A8;
  --blue-500:    #517B96;   /* = brand blue */
  --blue-600:    #436476;
  --blue-700:    #354E5C;
  --blue-800:    #283A45;

  /* ---- Deep / dark surfaces (decks, hero panels) ------------------------ */
  --navy-900:    #0E2841;   /* deck dark background, headline text on light */
  --navy-800:    #12304B;
  --navy-700:    #1B3A57;
  --teal-deep:   #156082;   /* mid steel-teal accent (deck) */
  --accotool-teal: #1E617A; /* accoTOOL "writeback" card / product navy-teal */

  /* ---- Secondary palette (energy & movement — rare) --------------------- */
  --sec-deep-blue: #006C93;
  --sec-teal:      #2098A9;
  --sec-green:     #599583;
  --sec-gold:      #BF9258;
  --sec-brown:     #8A6941;
  --accent-skyblue:#C8E1FF;  /* light-blue highlight used in accoTOOL posts */

  /* ---- BI Platform Stack ramp ------------------------------------------- */
  /* Signature warm-monochrome ladder from the "Accobats Datamodel" diagram:
     the BI maturity layers, foundation (dark) → AI (light). Source: Figma
     "BIaaS - marketing" / Accobats-Datamodel. Use for the platform-stack motif,
     maturity ladders, layered data-foundation graphics. */
  --stack-integrations:   #0C0C0C;   /* foundation layer */
  --stack-warehouse:      #4A2C09;
  --stack-model:          #8C5A1B;
  --stack-report:         #F0891A;
  --stack-planning:       #F9B24A;
  --stack-ai:             #F6DABB;   /* top layer */

  /* ---- accoTOOL product-line accents ------------------------------------ */
  --acco-planning:    #1E617A;  /* accoPLANNING — teal-navy */
  --acco-masterdata:  #5F9070;  /* accoMASTERDATA — green */
  --acco-comment:     #6E4D7F;  /* accoCOMMENT — purple */

  /* ---- Neutrals --------------------------------------------------------- */
  --neutral-000: #FFFFFF;
  --neutral-050: #F7F8F9;
  --neutral-100: #F4F4F4;
  --neutral-200: #E8E8E8;
  --neutral-300: #D6D9DC;
  --neutral-400: #C8C8C8;
  --neutral-500: #9AA0A6;
  --neutral-600: #5A5F66;
  --neutral-700: #3C4147;
  --neutral-800: #26292E;
  --neutral-900: #16181B;
  --ink:         #2B2B2B;   /* default body text (charcoal, accoTOOL logo grey) */

  /* ---- Semantic --------------------------------------------------------- */
  --positive:        #599583;
  --positive-tint:   #E7F0EC;
  --negative:        #C0392B;   /* negative figures (deck convention) */
  --negative-tint:   #F7E4E1;
  --warning:         #F7941D;
  --warning-tint:    #FEF4E7;
  --info:            #006C93;
  --info-tint:       #E1EEF4;

  /* ---- Semantic aliases (use these in components) ----------------------- */
  --color-brand:           var(--accobat-orange);
  --color-brand-contrast:  var(--accobat-white);
  --text-strong:           var(--navy-900);
  --text-body:             var(--ink);
  --text-muted:            var(--neutral-600);
  --text-on-dark:          var(--accobat-white);
  --text-on-brand:         var(--accobat-white);

  --surface-page:          var(--accobat-white);
  --surface-subtle:        var(--neutral-100);
  --surface-card:          var(--accobat-white);
  --surface-dark:          var(--navy-900);
  --surface-brand:         var(--accobat-orange);
  --surface-blue:          var(--accobat-blue);

  --border-subtle:         var(--neutral-200);
  --border-default:        var(--neutral-300);
  --border-strong:         var(--neutral-400);

  --link:                  var(--accobat-blue);
  --link-hover:            var(--blue-700);
  --focus-ring:            rgba(var(--accobat-orange-rgb), 0.45);
}