/* Base styles and theme tokens */

:root {
    --bg: #f7f6f3;
    --surface: #ffffff;
    --surface-2: #f1f0ec;
    --text: #1c1c1c;
    --muted: #5f5d58;
    --border: rgba(56, 56, 54, 0.15);
    --accent: #ff8038;
    --grid: rgba(56, 56, 54, 0.08);
    --shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
    --logo-dark: #383836;
    --logo-stroke: #8a8782;
    --logo-accent: #ff8038;
    --error-color: #d32f2f;

    /* WebGL hero tokens (MV1) */
    --mavenn-primary: #383836;
    --mavenn-accent: #ff8038;
}

.dark {
    --bg: #0f0f10;
    --surface: #18181a;
    --surface-2: #131316;
    --text: #f6f5f1;
    --muted: #b5b2ac;
    --border: rgba(255, 255, 255, 0.12);
    --accent: #ff8038;
    --grid: rgba(255, 255, 255, 0.08);
    --shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
    --logo-dark: #f6f5f1;
    --logo-stroke: #c4c1bb;
    --logo-accent: #ff8038;

    /* WebGL hero tokens (MV1) */
    --mavenn-primary: #e8e8e6;
    --mavenn-accent: #ff8038;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    background: var(--bg);
    color: var(--text);
}

a {
    color: inherit;
}