/* APR Software — Color tokens
   Derived from the APR Software droplet logo: a warm→cool "water cycle"
   gradient (sun → land → water) with a bright cyan-blue wordmark as primary.
*/
:root {
  /* ---- Brand core ---- */
  --apr-blue:        #20A0D0; /* the "APR" wordmark cyan-blue — primary */
  --apr-blue-600:    #1A8DBC; /* droplet mid-blue */
  --apr-blue-700:    #146892; /* droplet deep-blue */
  --apr-blue-800:    #0F4E6E; /* darkest water */
  --apr-blue-300:    #6FC3E3; /* light water / tint */
  --apr-blue-100:    #D6EEF7; /* palest water wash */

  /* ---- Droplet gradient stops (the brand "water cycle") ---- */
  --drop-sun:        #F6C417; /* sun — yellow */
  --drop-sun-deep:   #F29C17; /* warm orange */
  --drop-land:       #628F32; /* land — olive-green */
  --drop-leaf:       #468036; /* deep leaf-green */
  --drop-shore:      #559AC5; /* shallows */
  --drop-water:      #3782AD; /* mid water */
  --drop-deep:       #146892; /* deep water */

  /* ---- Neutrals (cool-tinted grey scale) ---- */
  --ink-900: #14212B; /* headings on light */
  --ink-800: #223541;
  --ink-700: #3A4C58;
  --ink-600: #55666F;
  --ink-500: #74838B;
  --ink-400: #9AA6AC;
  --ink-300: #C3CCD1;
  --ink-200: #E1E7EA;
  --ink-100: #EFF3F5;
  --ink-050: #F7FAFB;
  --white:   #FFFFFF;

  /* ---- Semantic (functional) ---- */
  --success: #468036; /* reuse brand leaf-green */
  --success-bg: #E8F1E2;
  --warning: #F29C17; /* brand orange */
  --warning-bg: #FDEBCF;
  --danger:  #D6452B;
  --danger-bg: #FBE3DE;
  --info:    #20A0D0; /* brand blue */
  --info-bg: #D6EEF7;

  /* ---- Semantic aliases ---- */
  --color-primary:        var(--apr-blue);
  --color-primary-hover:  var(--apr-blue-600);
  --color-primary-active: var(--apr-blue-700);
  --color-primary-contrast: var(--white);

  --text-heading:  var(--ink-900);
  --text-body:     var(--ink-700);
  --text-muted:    var(--ink-500);
  --text-inverse:  var(--white);
  --text-link:     var(--apr-blue-600);
  --text-link-hover: var(--apr-blue-700);

  --surface-page:   var(--ink-050);
  --surface-card:   var(--white);
  --surface-sunken: var(--ink-100);
  --surface-brand:  var(--apr-blue);
  --surface-brand-deep: var(--apr-blue-800);

  --border-subtle: var(--ink-200);
  --border-default: var(--ink-300);
  --border-strong: var(--ink-400);
  --border-focus:  var(--apr-blue);

  /* ---- Signature gradients ---- */
  --gradient-droplet: linear-gradient(180deg,
      var(--drop-sun) 0%, var(--drop-sun-deep) 14%,
      var(--drop-land) 34%, var(--drop-leaf) 50%,
      var(--drop-shore) 66%, var(--drop-water) 82%,
      var(--drop-deep) 100%);
  --gradient-water: linear-gradient(135deg, var(--apr-blue) 0%, var(--apr-blue-700) 100%);
  --gradient-sky:   linear-gradient(135deg, var(--apr-blue-300) 0%, var(--apr-blue) 100%);
}
