/**
 * LG Metal Web UI - Charte graphique
 * Inspiré logo LG Metal : vert, jaune, gris sur base claire
 */

:root {
  /* Palette claire LG Metal */
  --color-bg: #f6f8fb;
  --color-bg-alt: #edf2f6;
  --color-card: #ffffff;
  --color-card-hover: #f5f8fc;
  --color-muted: #697584;
  --color-text: #1f2933;
  --color-text-secondary: #4a5663;
  --color-accent: #f4c542;
  --color-accent-hover: #eab931;
  --color-focus-ring: #f4c542;
  --color-success: #3f9a5f;
  --color-error: #d14343;
  --color-link: #2f8f57;
  --color-link-hover: #246f44;
  --color-border: #d7dee7;
  --color-input-bg: #ffffff;
  --color-btn-bg: #f3f7fb;
  --color-btn-hover: #e8eef5;

  --font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --font-size-base: 16px;
  --font-size-small: 13px;
  --font-size-title: 22px;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 12px;
  --spacing-lg: 16px;
  --spacing-xl: 24px;

  --radius-sm: 8px;
  --radius-md: 12px;
}

:root[data-theme="dark"] {
  /* Palette sombre LG Metal */
  --color-bg: #10161d;
  --color-bg-alt: #0c1218;
  --color-card: #17212b;
  --color-card-hover: #1d2a36;
  --color-muted: #98a5b4;
  --color-text: #e9f0f8;
  --color-text-secondary: #c2cedb;
  --color-accent: #f4c542;
  --color-accent-hover: #eab931;
  --color-focus-ring: #f4c542;
  --color-success: #58b178;
  --color-error: #e06363;
  --color-link: #71c592;
  --color-link-hover: #94dcb0;
  --color-border: #2a3948;
  --color-input-bg: #121b24;
  --color-btn-bg: #1a2632;
  --color-btn-hover: #233243;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--font-family);
  font-size: var(--font-size-base);
  color: var(--color-text);
  background: var(--color-bg);
  -webkit-font-smoothing: antialiased;
  line-height: 1.45;
}