:root{
  --font-family-base: Arial, Helvetica, sans-serif;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 14px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-pill: 999px;
  --transition-fast: 0.2s ease;

  --color-brand: #0E5389;
  --color-brand-deep: #0a3d66;
  --color-accent: #DB8F11;
  --color-accent-strong: #f1a11b;
  --color-ink: #0b1220;
  --color-white: #ffffff;
  --color-neutral: #64748b;
  --color-neutral-alt: #6c7fd4;
  --color-info: #3b82f6;
  --color-sky: #38bdf8;
  --color-teal: #14b8a6;
  --color-success: #16a34a;
  --color-warning: #eab308;
  --color-danger: #ef4444;
  --color-orange: #f97316;
  --color-purple: #a855f7;
  --color-yellow: #facc15;

  --surface-glass-dark: rgba(255,255,255,0.08);
  --surface-glass-dark-2: rgba(255,255,255,0.06);
  --surface-glass-dark-3: rgba(255,255,255,0.10);
  --surface-glass-light: rgba(255,255,255,0.88);
  --surface-glass-light-2: rgba(255,255,255,0.78);
  --surface-glass-light-3: rgba(255,255,255,0.92);
  --surface-overlay-dark: rgba(2,6,23,0.22);
  --surface-overlay-dark-strong: rgba(2,6,23,0.42);
  --surface-overlay-light: rgba(15,23,42,0.06);

  --border-dark: rgba(255,255,255,0.10);
  --border-dark-soft: rgba(255,255,255,0.08);
  --border-light: rgba(15,23,42,0.14);
  --border-light-soft: rgba(15,23,42,0.10);

  --shadow-card-dark: rgba(0,0,0,0.35);
  --shadow-card-light: rgba(2,6,23,0.14);
  --shadow-soft: 0 8px 24px rgba(0,0,0,0.20);

  --text-muted-dark: rgba(255,255,255,0.78);
  --text-muted-light: rgba(15,23,42,0.74);
  --text-strong-dark: #ffffff;
  --text-strong-light: #0f172a;

  --focus-ring: rgba(219,143,17,0.55);
  --btn-hover-dark: rgba(255,255,255,0.10);
  --btn-hover-light: rgba(15,23,42,0.06);

  --time-proprio-bg: var(--color-neutral);
  --time-proprio-fg: var(--color-white);
  --time-da-bg: var(--color-orange);
  --time-da-fg: var(--color-white);
  --time-fm-bg: var(--color-teal);
  --time-fm-fg: var(--color-white);
  --time-hg-bg: var(--color-info);
  --time-hg-fg: var(--color-white);
  --time-vit-bg: var(--color-purple);
  --time-vit-fg: var(--color-white);
  --time-hm-bg: var(--color-yellow);
  --time-hm-fg: var(--color-ink);
  --time-luxtel-bg: var(--color-neutral-alt);
  --time-luxtel-fg: var(--color-ink);

  --status-active-bg: var(--color-success);
  --status-active-fg: var(--color-white);
  --status-inactive-bg: var(--color-danger);
  --status-inactive-fg: var(--color-white);
}

:root[data-theme="light"]{
  --surface-glass: var(--surface-glass-light);
  --surface-glass-2: var(--surface-glass-light-2);
  --surface-glass-3: var(--surface-glass-light-3);
  --surface-overlay: var(--surface-overlay-light);
  --border-default: var(--border-light);
  --border-default-soft: var(--border-light-soft);
  --text-strong: var(--text-strong-light);
  --text-muted: var(--text-muted-light);
  --btn-hover: var(--btn-hover-light);
  --shadow-card: var(--shadow-card-light);
}

:root:not([data-theme="light"]){
  --surface-glass: var(--surface-glass-dark);
  --surface-glass-2: var(--surface-glass-dark-2);
  --surface-glass-3: var(--surface-glass-dark-3);
  --surface-overlay: var(--surface-overlay-dark);
  --border-default: var(--border-dark);
  --border-default-soft: var(--border-dark-soft);
  --text-strong: var(--text-strong-dark);
  --text-muted: var(--text-muted-dark);
  --btn-hover: var(--btn-hover-dark);
  --shadow-card: var(--shadow-card-dark);
}