/*
 * RPG Oase – Design: Legacy
 *
 * Das bisherige RPG-Oase-Design bleibt die gemeinsame Basis.
 * Diese Datei gibt dem bisherigen Design einen eigenen, stabilen
 * Design-Schlüssel und hält Dark/Light getrennt vom Design-Switch.
 */

html[data-design="legacy"] {
    --color-background: #111318;
    --color-surface: #191c23;
    --color-surface-light: #20242d;
    --color-surface-hover: #272c36;

    --color-border: #303641;

    --color-text: #f1f3f5;
    --color-text-muted: #a9afb9;
    --color-text-dark: #111318;

    --color-primary: #8b5cf6;
    --color-primary-hover: #7c3aed;

    --color-link: #a78bfa;
    --color-link-hover: #c4b5fd;

    --color-success: #4ade80;
    --color-warning: #facc15;
    --color-danger: #f87171;

    --color-input-background: #111318;
    --color-input-border: #3a404c;

    --shadow: 0 4px 20px rgba(0, 0, 0, 0.35);

    --radius-small: 6px;
    --radius-medium: 10px;
    --radius-large: 14px;
}

html[data-design="legacy"][data-theme="light"] {
    --color-background: #e7e4dc;
    --color-surface: #f3f1ea;
    --color-surface-light: #e9e6de;
    --color-surface-hover: #ddd9d0;

    --color-border: #c9c5bb;

    --color-text: #292824;
    --color-text-muted: #6e6a61;
    --color-text-dark: #f3f1ea;

    --color-primary: #7046c1;
    --color-primary-hover: #5f38a8;

    --color-link: #6340aa;
    --color-link-hover: #4f328c;

    --color-success: #398653;
    --color-warning: #a47716;
    --color-danger: #b94a48;

    --color-input-background: #f7f5ef;
    --color-input-border: #bdb8ad;

    --shadow: 0 4px 20px rgba(55, 50, 40, 0.12);
}