/* FlyHuman — Color tokens
 * Industrial precision (black + mono grids) warmed by sand + sky, snapped
 * to attention by electric yellow. Signal-blue is the imagery / link accent. */
:root {
  /* ---- Base brand palette ---- */
  --black:        #0A0A0A;
  --ink:          #15150F;
  --white:        #FFFFFF;
  --paper:        #F8F8F5;   /* default page background */
  --sand:         #E9E6D6;   /* warm section / paper texture band */
  --sand-deep:    #DCD8C2;
  --sky:          #BBD9F7;   /* top-of-hero gradient */
  --sky-soft:     #DCEBFB;

  --signal-yellow: #FFDE59;  /* the logo gold — top chevron; the accent, used sparingly */
  --signal-yellow-soft: #FFE98F;  /* pale chevron / tints & fills */
  --signal-yellow-deep: #F5C842;  /* deeper gold — hover, borders, on-light contrast */
  --signal-blue:  #2576E6;   /* duotone imagery + links */
  --signal-blue-deep: #1B58BE;

  /* ---- Neutral ramp (cool-warm gray) ---- */
  --n-0:   #FFFFFF;
  --n-50:  #F8F8F5;
  --n-100: #F0F0EC;
  --n-150: #E7E7E1;
  --n-200: #DCDCD5;
  --n-300: #C7C7BE;
  --n-400: #A6A69C;
  --n-500: #7C7C72;
  --n-600: #585852;
  --n-700: #3B3B36;
  --n-800: #232320;
  --n-900: #111110;
  --n-950: #0A0A0A;

  /* ---- Status (industrial signal colors) ---- */
  --success:      #1E9E63;
  --success-bg:   #E4F3EA;
  --warning:      #E0A019;
  --warning-bg:   #FaF1DA;
  --danger:       #DB3B27;
  --danger-bg:    #FBE6E1;
  --info:         #2576E6;
  --info-bg:      #E4EEFC;

  /* ---- Semantic surfaces ---- */
  --bg:            var(--paper);
  --bg-warm:       var(--sand);
  --bg-sky:        linear-gradient(180deg, var(--sky) 0%, var(--sky-soft) 38%, var(--paper) 100%);
  --surface:       var(--white);
  --surface-sunken:var(--n-50);
  --surface-inverse: var(--black);

  /* ---- Semantic text ---- */
  --text:          var(--ink);
  --text-strong:   var(--black);
  --text-muted:    var(--n-500);
  --text-faint:    var(--n-400);
  --text-inverse:  var(--paper);
  --text-on-accent:var(--black);
  --link:          var(--signal-blue-deep);

  /* ---- Semantic lines & accents ---- */
  --border:        var(--n-200);
  --border-strong: var(--n-300);
  --border-inverse:rgba(255,255,255,0.16);
  --accent:        var(--signal-yellow);
  --accent-ink:    var(--black);
  --focus-ring:    var(--signal-blue);

  /* ---- Duotone imagery (blue/white halftone) ---- */
  --duo-dark:      #103A8C;
  --duo-light:     #DCEBFB;
}