/* Canonical MAIC UI tokens.
   These tokens alias the existing legacy/profile variables so migration can
   proceed without a risky page-wide rewrite. */

:root,
html[data-maic-theme] {
  /* Surfaces */
  --maic-surface-page: var(--gradient-bg, linear-gradient(135deg, #3a3d5c, #4a4d6c, #5a5d7c));
  --maic-surface-page-solid: var(--bg-primary, #3a3d5c);
  --maic-surface-panel: var(--bg-card, rgb(44 47 72 / 80%));
  --maic-surface-panel-muted: var(--bg-secondary, #4a4d6c);
  --maic-surface-input: var(--bg-input, rgb(255 255 255 / 5%));
  --maic-surface-chrome: var(--theme-surface-chrome, rgb(255 255 255 / 10%));
  --maic-surface-chrome-muted: var(--theme-surface-chrome-muted, rgb(255 255 255 / 8%));
  --maic-surface-chrome-hover: var(--theme-surface-chrome-hover, rgb(255 255 255 / 12%));

  /* Text */
  --maic-text-primary: var(--text-primary, #e0e0e0);
  --maic-text-secondary: var(--text-secondary, #c1c3e0);
  --maic-text-muted: var(--text-muted, #b0b0b0);
  --maic-text-inverse: #fff;

  /* Action and status */
  --maic-action-primary: var(--primary-color, #8b9cf7);
  --maic-action-primary-strong: var(--primary-color-dark, #6366f1);
  --maic-action-secondary: var(--secondary-color, #9d7bf0);
  --maic-action-accent: var(--accent-color, #f5a5fc);
  --maic-status-success: var(--theme-admin-v2-led-green, #0f8d66);
  --maic-status-warning: var(--theme-admin-v2-led-yellow, #be8a18);
  --maic-status-danger: var(--theme-admin-v2-led-red, #c6454f);
  --maic-status-neutral: var(--theme-admin-v2-led-neutral, #7b8fab);

  /* Borders, focus, elevation, shape */
  --maic-border-subtle: var(--border-light, rgb(255 255 255 / 10%));
  --maic-border-chrome: var(--theme-border-chrome, rgb(255 255 255 / 15%));
  --maic-border-chrome-hover: var(--theme-border-chrome-hover, rgb(255 255 255 / 25%));
  --maic-border-focus: var(--border-focus, var(--maic-action-primary));
  --maic-radius-card: var(--border-radius, 20px);
  --maic-radius-control: var(--border-radius-button, 15px);
  --maic-radius-input: var(--border-radius-input, 15px);
  --maic-radius-small: var(--border-radius-small, 10px);
  --maic-shadow-card: var(--shadow-light, 8px 8px 16px rgb(0 0 0 / 30%));
  --maic-shadow-card-hover: var(--shadow-hover-light, 12px 12px 24px rgb(0 0 0 / 40%));
  --maic-shadow-control: var(--shadow-button, 0 4px 12px rgb(139 156 247 / 30%));

  /* Typography */
  --maic-font-sans: var(--font-family, "Pretendard Variable", system-ui, sans-serif);
  --maic-font-size-xs: var(--font-size-xs, 0.8rem);
  --maic-font-size-sm: var(--font-size-sm, 0.9rem);
  --maic-font-size-base: var(--font-size-base, 1rem);
  --maic-font-size-lg: var(--font-size-lg, 1.2rem);
  --maic-font-size-xl: var(--font-size-xl, 1.5rem);
  --maic-font-weight-normal: var(--font-weight-normal, 400);
  --maic-font-weight-medium: var(--font-weight-medium, 500);
  --maic-font-weight-semibold: var(--font-weight-semibold, 600);
  --maic-font-weight-bold: var(--font-weight-bold, 700);

  /* Spacing and motion */
  --maic-space-xs: var(--spacing-xs, 0.5rem);
  --maic-space-sm: var(--spacing-sm, 1rem);
  --maic-space-md: var(--spacing-md, 1.5rem);
  --maic-space-lg: var(--spacing-lg, 2rem);
  --maic-space-xl: var(--spacing-xl, 3rem);
  --maic-transition-fast: var(--transition-fast, 0.2s ease);
  --maic-transition-normal: var(--transition-normal, 0.3s ease);
  --maic-transition-slow: var(--transition-slow, 0.5s ease);
}