:root[data-theme="light"] {
    --bg: #f5f5f7;
    --bg-accent: #ffffff;
    --card: rgba(255, 255, 255, 0.7);
    --text: #1d1d1f;
    --muted: #86868b;
    --primary: #0071e3;
    --primary-contrast: #ffffff;
    --danger: #ff3b30;
    --success: #34c759;
    --border: rgba(0, 0, 0, 0.1);
    --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.05);
    --blur: blur(20px);
    --surface-strong: rgba(255, 255, 255, 0.95);
}

:root[data-theme="dark"] {
    --bg: #000000;
    --bg-accent: #1c1c1e;
    --card: rgba(28, 28, 30, 0.7);
    --text: #f5f5f7;
    --muted: #8e8e93;
    --primary: #0a84ff;
    --primary-contrast: #ffffff;
    --danger: #ff453a;
    --success: #32d74b;
    --border: rgba(255, 255, 255, 0.1);
    --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.5);
    --blur: blur(20px);
    --surface-strong: rgba(28, 28, 30, 0.95);
}

:root[data-theme="pastel-mint"] {
    --bg: #e0f2f1;
    --bg-accent: #ffffff;
    --card: rgba(255, 255, 255, 0.6);
    --text: #2d3436;
    --muted: #636e72;
    --primary: #00b894;
    --primary-contrast: #ffffff;
    --danger: #ff7675;
    --success: #55efc4;
    --border: rgba(0, 184, 148, 0.1);
    --shadow-soft: 0 4px 12px rgba(0, 184, 148, 0.1);
    --blur: blur(20px);
    --surface-strong: rgba(255, 255, 255, 0.9);
}

:root[data-theme="pastel-peach"] {
    --bg: #fff5f0;
    --bg-accent: #ffffff;
    --card: rgba(255, 255, 255, 0.6);
    --text: #2d3436;
    --muted: #636e72;
    --primary: #ff7675;
    --primary-contrast: #ffffff;
    --danger: #d63031;
    --success: #fab1a0;
    --border: rgba(255, 118, 117, 0.1);
    --shadow-soft: 0 4px 12px rgba(255, 118, 117, 0.1);
    --blur: blur(20px);
    --surface-strong: rgba(255, 255, 255, 0.9);
}

:root[data-theme="pastel-lavender"] {
    --bg: #f3f0ff;
    --bg-accent: #ffffff;
    --card: rgba(255, 255, 255, 0.6);
    --text: #2d3436;
    --muted: #636e72;
    --primary: #a29bfe;
    --primary-contrast: #ffffff;
    --danger: #ff7675;
    --success: #74b9ff;
    --border: rgba(162, 155, 254, 0.1);
    --shadow-soft: 0 4px 12px rgba(162, 155, 254, 0.1);
    --blur: blur(20px);
    --surface-strong: rgba(255, 255, 255, 0.9);
}