/* ============================================================
   AGDER RENTAL — COLOR TOKENS
   Source: Agder Gruppen Profilmanual (07.07.2022)
   Two protected brand colors + Greenline accent + anthracite.
   ============================================================ */

:root {
  /* ---- Brand core (the only two logo colors per manual) ---- */
  --agder-navy:        #041C2C; /* Pantone 296 C · RAL 5011 Steel Blue · NCS S 8505-R80B */
  --agder-blue:        #1D4F91; /* Pantone 7686 C · RAL 5002 Ultramarine · NCS S 4050-R80B */

  /* ---- Brand support ---- */
  --agder-blue-bright: #00549F; /* the lighter "swimming blue" of the logo triangle */
  --agder-green:       #3BB54A; /* Agder Greenline — electric / hybrid machines only */
  --agder-green-deep:  #2E9E3D;
  --agder-anthracite:  #383E42; /* RAL 7016 — containers & painted equipment */

  /* ---- Navy ramp (tints/shades of the brand dark) ---- */
  --navy-900: #02131F;
  --navy-800: #041C2C;
  --navy-700: #0A2D44;
  --navy-600: #123B57;
  --navy-500: #1C4D6E;

  /* ---- Blue ramp ---- */
  --blue-700: #143A6B;
  --blue-600: #1D4F91;
  --blue-500: #2A63AC;
  --blue-400: #4C82C4;
  --blue-200: #B3CBE6;
  --blue-100: #E2ECF7;
  --blue-50:  #F1F6FC;

  /* ---- Neutral ramp (cool grey, tuned to the navy) ---- */
  --white:    #FFFFFF;
  --grey-50:  #F6F8FA;
  --grey-100: #EDF0F3;
  --grey-200: #DDE3E9;
  --grey-300: #C4CDD6;
  --grey-400: #97A4B1;
  --grey-500: #6B7A89;
  --grey-600: #4E5B68;
  --grey-700: #38424D;
  --grey-800: #232C34;
  --grey-900: #141A20;

  /* ---- Status ---- */
  --green-600: #2E9E3D;
  --green-50:  #ECF8ED;
  --amber-600: #C9810A;
  --amber-50:  #FBF3E2;
  --red-600:   #C23B36;
  --red-50:    #FBEDEC;

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

  /* Surfaces */
  --surface-page:     var(--grey-50);
  --surface-card:     var(--white);
  --surface-raised:   var(--white);
  --surface-sunken:   var(--grey-100);
  --surface-inverse:  var(--agder-navy);
  --surface-brand:    var(--agder-blue);
  --surface-hover:    var(--grey-100);

  /* Text */
  --text-strong:    var(--agder-navy);
  --text-body:      var(--grey-700);
  --text-muted:     var(--grey-500);
  --text-faint:     var(--grey-400);
  --text-inverse:   var(--white);
  --text-on-brand:  var(--white);
  --text-link:      var(--agder-blue);

  /* Borders */
  --border-subtle:  var(--grey-200);
  --border-default: var(--grey-300);
  --border-strong:  var(--grey-400);
  --border-inverse: rgba(255,255,255,.16);

  /* Interactive (primary = brand blue) */
  --interactive:        var(--agder-blue);
  --interactive-hover:  var(--blue-700);
  --interactive-active: var(--navy-700);
  --interactive-subtle: var(--blue-50);
  --focus-ring:         rgba(29,79,145,.45);

  /* Status semantic */
  --success:    var(--green-600);
  --success-bg: var(--green-50);
  --warning:    var(--amber-600);
  --warning-bg: var(--amber-50);
  --danger:     var(--red-600);
  --danger-bg:  var(--red-50);
  --eco:        var(--agder-green);
  --eco-bg:     #EAF7EC;
}