/* flightlab.io — retained color system / Tailfin edition 02, 2026-09-09
   Flat ink, paper, orange and teal. No metallic treatment.
   Source of truth: flightlab-tokens.json. */
:root {
  --fl-ink: #122B36;
  --fl-paper: #F7F3EB;
  --fl-orange: #F36B32;
  --fl-orange-deep: #B94218;
  --fl-teal: #156B68;
  --fl-teal-light: #82B9AF;
  --fl-surface-white: #FFFFFF;
  --fl-surface-soft: #EFEAE0;
  --fl-orange-soft: #FBE2D2;
  --fl-teal-soft: #E3EEEA;
  --fl-text-muted: #52676E;
  --fl-line-soft: #D9D3C7;
  --fl-border-control: #7B8078;
  --fl-success: #246A4A;
  --fl-warning: #825117;
  --fl-danger: #B43A33;
  --fl-info: #245B9B;

  --fl-color-background: var(--fl-paper);
  --fl-color-surface: var(--fl-surface-white);
  --fl-color-surface-muted: var(--fl-surface-soft);
  --fl-color-text: var(--fl-ink);
  --fl-color-text-secondary: var(--fl-text-muted);
  --fl-color-border: var(--fl-border-control);
  --fl-color-divider: var(--fl-line-soft);
  --fl-color-link: var(--fl-teal);
  --fl-color-action-primary-fill: var(--fl-orange);
  --fl-color-action-primary-text: var(--fl-ink);
  --fl-color-action-primary-border: var(--fl-orange-deep);
  --fl-color-action-secondary-fill: var(--fl-teal);
  --fl-color-action-secondary-text: var(--fl-paper);
  --fl-color-accent-on-light: var(--fl-orange-deep);
  --fl-color-accent-on-dark: var(--fl-orange);
  --fl-color-inverse-background: var(--fl-ink);
  --fl-color-inverse-text: var(--fl-paper);
  --fl-color-inverse-accent: var(--fl-teal-light);
  --fl-color-focus-ring-light: var(--fl-ink);
  --fl-color-focus-ring-dark: var(--fl-paper);
  --fl-color-selected-background: var(--fl-teal-soft);
  --fl-color-selected-text: var(--fl-teal);
  --fl-color-success-text: var(--fl-success);
  --fl-color-warning-text: var(--fl-warning);
  --fl-color-danger-text: var(--fl-danger);
  --fl-color-info-text: var(--fl-info);
}

/* Optional scope for intentionally dark brand surfaces. */
.fl-theme-dark {
  --fl-color-background: var(--fl-ink);
  --fl-color-surface: var(--fl-ink);
  --fl-color-text: var(--fl-paper);
  --fl-color-text-secondary: var(--fl-teal-light);
  --fl-color-link: var(--fl-teal-light);
  --fl-color-accent-on-dark: var(--fl-orange);
}