/* ===========================================================
   Legacy stylesheet shim.
   Redirects the old dark "styles.css" design system to the new
   light style.css so all 50 subpages (locations + case studies)
   inherit the revamped brand automatically.
   =========================================================== */

@import url("style.css");

/* ---- Map old token names to new tokens so legacy CSS still works ---- */
:root {
    --color-bg: var(--bg-main);
    --color-bg-elevated: var(--bg-card);
    --color-bg-subtle: var(--bg-alt);
    --color-bg-card: var(--bg-card);
    --color-border: var(--border-color);
    --color-border-hover: var(--border-strong);

    --color-text-primary: var(--text-primary);
    --color-text-secondary: var(--text-secondary);
    --color-text-tertiary: var(--text-muted);

    --color-accent: var(--accent);
    --color-accent-hover: var(--accent-hover);
    --color-accent-dim: rgba(8, 145, 178, 0.08);

    --gradient-hero: var(--grad-hero);
    --gradient-accent: linear-gradient(135deg, var(--accent), var(--accent-2));
    --gradient-glow: radial-gradient(circle at 50% 50%, var(--accent-glow) 0%, transparent 70%);

    --font-family: var(--font-body);
    --font-weight-body: 400;
    --font-weight-body-medium: 500;
    --font-weight-ui: 500;
    --font-weight-ui-medium: 600;
    --font-weight-heading: 600;
    --font-weight-heading-bold: 700;
}

/* ---- Force light theme on legacy elements that hardcoded dark bg ---- */
body,
html {
    background: var(--bg-main) !important;
    color: var(--text-primary);
}

/* Any element that used the dark token directly */
[style*="background: #0A0A0B"],
[style*="background:#0A0A0B"],
[style*="background-color: #0A0A0B"] {
    background: var(--bg-main) !important;
}