/* Legacy design tokens bridge for older templates using --gray, --primary, etc. */

:root {
  /* Core colors */
  --white: #ffffff;
  --black: #000000;

  /* Map legacy neutrals to current theme tokens with sensible fallbacks */
  --gray: var(--velora-text-secondary, var(--color-text-secondary, #6c757d));
  --gray-dark: var(--velora-text-primary, var(--color-text-primary, #1a1a1a));
  --gray-light: var(--velora-border-secondary, var(--color-border-secondary, #dee2e6));
  --gray-lighter: color-mix(in srgb, var(--gray-light) 60%, #ffffff 40%);

  /* Legacy brand primary */
  --primary: var(--velora-accent-primary, var(--accent-primary, #6B46C1));
  --primary-light: color-mix(in srgb, var(--primary) 70%, #ffffff 30%);

  /* Status colors */
  --success: var(--velora-success, var(--color-success, #52C41A));
  --warning: var(--velora-warning, var(--color-warning, #FAAD14));
  --danger: var(--velora-error, var(--color-error, #FF4D4F));
}

/* Improve default body text contrast on any background */
body { color: var(--velora-text-primary, var(--color-text-primary, #111)); }

/* Common element tweaks for readability and spacing */
p, li { line-height: 1.625; }
h1, h2, h3 { letter-spacing: -0.01em; }
.section-title { margin-bottom: 1.25rem; }
.form-control { border-color: var(--gray-light); }
.btn { line-height: 1.25; }