/* FuncityClub shared semantic design tokens.
   Product-specific stylesheets keep their legacy aliases for compatibility. */
:root {
  --color-logo: #f71920;
  --color-primary: #d71920;
  --color-primary-hover: #b91c1c;
  --color-primary-soft: #fff1f2;
  --color-primary-border: #fecdd3;

  --color-secondary: #4f46e5;
  --color-secondary-hover: #4338ca;
  --color-secondary-soft: #eef2ff;
  --color-secondary-border: #c7d2fe;
  --color-secondary-border-strong: #a5b4fc;
  --color-secondary-border-subtle: rgba(79, 70, 229, .16);
  --color-secondary-border-hover: rgba(79, 70, 229, .4);
  --color-focus-ring-soft: rgba(79, 70, 229, .18);

  --color-accent: #0d9488;
  --color-accent-hover: #0f766e;

  --color-success: #15803d;
  --color-success-soft: #ecfdf5;
  --color-warning: #b45309;
  --color-warning-soft: #fffbeb;
  --color-error: #b91c1c;
  --color-error-soft: #fef2f2;
  --color-info: #2563eb;
  --color-info-soft: #eff6ff;

  --color-background: #f8fafc;
  --color-surface: #ffffff;
  --color-card: #ffffff;
  --color-border: #e2e8f0;
  --color-divider: #d8dee9;

  --color-heading: #0f172a;
  --color-text: #1e293b;
  --color-text-muted: #64748b;
  --color-navigation: #ffffff;
  --color-footer: #1e293b;
  --color-link: #4f46e5;
  --color-link-hover: #4338ca;
  --color-focus-ring: #4f46e5;
  --color-focus-ring-dark: #facc15;
  --focus-ring: 3px solid var(--color-focus-ring);
  --focus-ring-dark: 3px solid var(--color-focus-ring-dark);
  --focus-offset: 3px;

  --gradient-brand: linear-gradient(135deg, #0f172a 0%, #7f1d1d 58%, #d71920 100%);
  --gradient-brand-balanced: linear-gradient(135deg, #0f172a 0%, #3730a3 58%, #9f1239 100%);
  --gradient-brand-deep: linear-gradient(135deg, #111827 0%, #33151a 62%, #7f1d1d 100%);
  --gradient-auth: linear-gradient(135deg, #0f172a 0%, #7f1d1d 100%);

  --state-disabled-opacity: .58;
  --state-loading-opacity: .72;
}