/* assets/farmflow-tokens.css - Unified FarmFlow Design Tokens */
:root {
  /* Backgrounds */
  --ff-bg-base: #02040a;
  --ff-bg-surface: #071425;
  --ff-bg-elevated: #0c1e38;

  /* Brand colors */
  --ff-brand-primary: #24e7ff;
  --ff-brand-secondary: #9a6dff;
  --ff-brand-success: #37ffc3;
  --ff-brand-warning: #ffd166;
  --ff-brand-danger: #ff6987;
  --ff-brand-coral: #ff6b8a;
  --ff-brand-lime: #a3ff12;
  --ff-brand-cyan: #24e7ff;
  --ff-brand-pink: #ff4fd8;
  --ff-brand-mint: #37ffc3;
  --ff-brand-violet: #9a6dff;
  --ff-brand-amber: #ffd166;

  /* Text */
  --ff-text-primary: #f5fbff;
  --ff-text-muted: rgba(226, 245, 255, 0.66);
  --ff-text-subtle: #6d7c91;

  /* Borders */
  --ff-border: rgba(172, 245, 255, 0.18);
  --ff-border-accent: rgba(36, 231, 255, 0.36);

  /* Shadows */
  --ff-shadow: 0 22px 60px rgba(0, 0, 0, 0.35);
  --ff-shadow-neon: 0 0 54px rgba(36, 231, 255, 0.22), 0 0 78px rgba(154, 109, 255, 0.14);

  /* Transitions */
  --ff-transition: 220ms cubic-bezier(0.2, 0.9, 0.25, 1);
  --ff-spring: 520ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Liquid glass */
  --ff-radius-sm: 12px;
  --ff-radius-md: 18px;
  --ff-radius-lg: 28px;
  --ff-radius-xl: 36px;
  --ff-glass-bg: rgba(7, 20, 35, 0.55);
  --ff-glass-bg-strong: rgba(7, 20, 35, 0.74);
  --ff-glass-highlight: rgba(255, 255, 255, 0.22);
  --ff-grid-line: rgba(172, 245, 255, 0.038);

  /* Legacy aliases */
  --bg: var(--ff-bg-base);
  --bg-dark: var(--ff-bg-base);
  --bg-card: var(--ff-bg-surface);
  --bg-input: var(--ff-bg-elevated);
  --bg-hover: rgba(255, 255, 255, 0.055);
  --bg-sticky: rgba(3, 6, 13, 0.92);

  --text: var(--ff-text-primary);
  --text-1: var(--ff-text-primary);
  --text-2: var(--ff-text-muted);
  --text-muted: var(--ff-text-muted);

  --accent: var(--ff-brand-primary);
  --accent-hover: #66f1ff;
  --border: var(--ff-border);
  --border-light: rgba(255, 255, 255, 0.18);
  --glow: var(--ff-shadow-neon);

  --neon-blue: var(--ff-brand-primary);
  --neon-purple: var(--ff-brand-secondary);
  --neon-green: var(--ff-brand-success);
  --neon-red: var(--ff-brand-danger);

  --pass: var(--ff-brand-success);
  --accent-pass: var(--ff-brand-success);
  --fail: var(--ff-brand-danger);
  --accent-fail: var(--ff-brand-danger);
  --warn: var(--ff-brand-warning);
  --skip: #8b949e;

  --glass-bg: var(--ff-glass-bg);
  --glass-border: var(--ff-border);
  --glass-shadow: var(--ff-shadow);

  --radius: var(--ff-radius-md);
  --space: 12px;

  /* Aliases for Instrukcja Obslugi */
  --bg-primary: var(--ff-bg-base);
  --bg-secondary: var(--ff-bg-surface);
  --text-primary: var(--ff-text-primary);
  --text-secondary: var(--ff-text-muted);
  --accent-gold: var(--ff-brand-warning);
  --accent-teal: var(--ff-brand-cyan);
  --accent-blue: var(--ff-brand-primary);
  --success: var(--ff-brand-success);
  --warning: var(--ff-brand-warning);
  --danger: var(--ff-brand-danger);

  /* Aliases for Ultimate Deck */
  --coral: var(--ff-brand-coral);
  --gold: var(--ff-brand-warning);
  --bg-deep: var(--ff-bg-base);
  --bg-card-2: var(--ff-bg-elevated);
  --border-1: var(--ff-border);
  --shadow-1: var(--ff-shadow);
  --shadow-neon: var(--ff-shadow-neon);
  --transition: var(--ff-transition);
}