/* Pine & Citrus skin for auth.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-dark: var(--pine-700);
  --text:        var(--bark-900);
  --muted:       #5A6B61;
  --stroke:      #E1E9DD;
  --bg:          #F1F5EF;
  --panel-bg:    var(--panel);
  --info:        var(--pine-600);
  --info-bg:     var(--sea-50);
  --shadow:      0 8px 28px rgba(15,40,30,.08);
}

/* style.css paints a pale navy wash behind the page; restate it in sage. */
body { background: linear-gradient(180deg, var(--surface-2) 0%, var(--panel-2) 320px); }

/* Pine focus ring instead of the teal one. */
.field input:focus { box-shadow: var(--focus-ring); }

/* Brand shape language: pill buttons, softer cards. */
.btn { border-radius: var(--radius-pill); }
.auth-card { border-radius: var(--radius-lg); }

/* Neutral hovers were slate-tinted; use bark instead. */
.btn:hover:not(:disabled) { background: var(--bark-50); }
.btn-primary:hover:not(:disabled) { background: var(--accent-strong); border-color: var(--accent-strong); }
.workspace-list a:hover { background: var(--bark-50); }