/* Pine & Citrus skin for account.fleetfixer.io.
   /shared/style.css is synced from elsewhere and still carries the old
   navy/teal token values, so it must not be edited here. This file loads
   after it, re-points every legacy token at the Pine & Citrus palette
   from /shared/ff-tokens.css, and restates the few rules in style.css
   that hardcode old colors. Visual only: no selectors are renamed. */

:root {
  --accent:       var(--pine-600);
  --accent-2:     var(--pine-500);
  --accent-light: var(--sea-400);
  --accent-glow:  var(--sea-300);
  --accent-dark:  var(--pine-700);
  --accent-soft:  var(--sea-50);
  --red:          var(--pine-600);

  --text:    var(--bark-900);
  --muted:   #5A6B61;
  --faint:   #7C8A80;
  --stroke:  #E1E9DD;
  --stroke-2: var(--bark-50);
  --bg:      #F1F5EF;
  --panel-2: #FAFCF8;
  --ink:     var(--text-strong);

  --info:      var(--pine-600);
  --info-soft: var(--sea-50);
  --info-line: var(--sea-200);

  --shadow:      0 1px 2px rgba(10,20,16,.05), 0 8px 24px rgba(10,20,16,.06);
  --shadow-lift: 0 18px 44px rgba(10,20,16,.14);
  --brand-gradient: linear-gradient(135deg, var(--pine-700) 0%, var(--pine-500) 55%, var(--sea-400) 100%);
}

/* Brand shape language: pill buttons. */
.btn { border-radius: var(--radius-pill); }

/* Rules in style.css that hardcode the old teal/navy or slate tints. */
.search:focus-within { box-shadow: var(--focus-ring); }
.user-avatar { box-shadow: 0 4px 12px rgba(21,97,74,.32); }
.banner.ok { background: linear-gradient(90deg, var(--pine-600), var(--pine-500)); }
.stat.tone-neutral::before { background: linear-gradient(90deg, #CDD8C6, #9DB0A6); }
.card.on:hover, .card.launch:hover { border-color: var(--stroke-strong); }
.card.discover { background: var(--panel-2); }
.card .ico { box-shadow: 0 6px 16px rgba(21,97,74,.26); }
.btn-primary { box-shadow: 0 4px 12px rgba(21,97,74,.22); }