/* AAA ERP shared color and effect tokens */
:root {
  --theme-header-height: 80px;
  --theme-header-mobile-height: 70px;
  --theme-header-content-width: 1192px;
  --theme-color-a: #0fb9ff;
  --theme-color-aa: #0e88dd;
  --theme-color-aaa: #1e5786;
  --theme-color-primary: #0284c7;
  --theme-color-primary-hover: #0369a1;
  --theme-color-primary-soft: #f0f9ff;
  --theme-color-accent: #14b8a6;
  --theme-color-accent-soft: #f0fdfa;
  --theme-color-heading: #0f172a;
  --theme-color-text: #334155;
  --theme-color-muted: #64748b;
  --theme-color-subtle: #94a3b8;
  --theme-color-border: #e2e8f0;
  --theme-color-surface: #ffffff;
  --theme-color-surface-soft: #f8fafc;
  --theme-color-success: #16a34a;
  --theme-color-warning: #f1a63c;
  --theme-color-danger: #d84d57;
  --theme-color-panel-start: #f0f9ff;
  --theme-color-panel-end: #e0f2fe;
  /* --theme-gradient-primary: linear-gradient(135deg, #0284c7, #14b8a6); */
  --theme-gradient-primary: linear-gradient(135deg, #0fb9ff, #0e88dd, #1e5786);
  --theme-gradient-aaa: linear-gradient(135deg, #0fb9ff, #0e88dd, #1e5786);
  --theme-gradient-panel: linear-gradient(135deg, var(--theme-color-panel-start), var(--theme-color-panel-end));
  --theme-shadow-primary: 0 12px 28px rgb(2 132 199 / 20%);
  --theme-shadow-panel: 0 24px 60px rgb(15 23 42 / 12%);
  /* Compatibility aliases used by each page layout */
  --navy: var(--theme-color-heading);
  --blue: var(--theme-color-primary);
  --sky: var(--theme-color-primary-soft);
  --muted: var(--theme-color-muted);
  --line: var(--theme-color-border);
  --white: var(--theme-color-surface);
  --soft: var(--theme-color-surface-soft);
  --green: var(--theme-color-success);
  --red: var(--theme-color-danger);
  --shadow: var(--theme-shadow-panel);
}