/* main.css — LPO Platform legacy compatibility shim.
 *
 * All content has been extracted to the new CSS architecture:
 *   styles/foundations/   — raw design primitives
 *   styles/tokens/        — semantic tokens + --fa-* / --lpo-* alias bridges
 *   styles/base/          — reset, global typography, accessibility
 *   styles/components/    — buttons, forms, cards, modal, loading, badges, layout
 *
 * This file is kept in the load order for backward compatibility.
 * The --fa-* variables below are overridden by tokens/semantic.css (loaded after this file).
 *
 * Migration status: legacy rules superseded by component files.
 */

/* ── Legacy --fa-* variables (overridden by tokens/semantic.css) ── */

:root {
  --fa-primary: #283655;
  --fa-primary-hover: #1e2a43;
  --fa-primary-light: #3d4f73;
  --fa-primary-surface: #ebeef3;
  --fa-primary-10: rgba(40, 54, 85, 0.1);
  --fa-primary-20: rgba(40, 54, 85, 0.2);

  --fa-bg: #FFFFFF;
  --fa-bg-alt: #f8f9fb;
  --fa-surface: #FFFFFF;
  --fa-text-on-primary: #FFFFFF;
  --fa-text-primary: #283655;
  --fa-text-secondary: #4a5568;
  --fa-text-muted: #718096;

  --fa-accent: #0F172A3D;
  --fa-accent-hover: #d4955f;
  --fa-accent-light: #e8bf9a;
  --fa-accent-surface: #fdf5ed;
  --fa-accent-10: rgba(15, 23, 42, 0.1);

  --fa-gradient-primary: linear-gradient(135deg, #283655 0%, #1e2a43 100%);
  --fa-gradient-surface: linear-gradient(135deg, #f8f9fb 0%, #ebeef3 100%);

  --fa-success: #28a745;
  --fa-success-bg: #d4edda;
  --fa-warning: #f59e0b;
  --fa-warning-bg: #fff3cd;
  --fa-error: #dc2626;
  --fa-error-bg: #f8d7da;
  --fa-info: #283655;
  --fa-info-bg: #ebeef3;

  --z-index-base: 1;
  --z-index-dropdown: 100;
  --z-index-sticky: 200;
  --z-index-fixed: 300;
  --z-index-modal-backdrop: 400;
  --z-index-modal: 500;
  --z-index-tooltip: 600;
  --z-index-notification: 700;
  --z-index-header: 1000;
  --z-index-dropdown-content: 1000;
  --z-index-profile-dropdown: 9998;
  --z-index-profile-dropdown-content: 9999;
  --z-index-maximum: 10000;
}