:root {
            --primary: #ffffff;
            --secondary: #f3f4f6;
            --accent: #0d9488;
            --accent-light: #14b8a6;
            --border: #e5e7eb;
            --text: #111827;
            --text-light: #6b7280;
            --bg: #f9fafb;
            --bg-secondary: #ffffff;
            --success: #059669;
            --danger: #dc2626;
            --p-0: #c97373;
            --p-15: #d97a5a;
            --p-30: #bfa860;
            --p-50: #a8a060;
            --p-70: #6a9a6a;
            --p-85: #5a9a5a;
            --p-null: #9ca3af;
        }

        html.dark-mode {
            --primary: #2a2a2a;
            --secondary: #3a3a3a;
            --accent: #ffffff;
            --accent-light: #e5e5e5;
            --border: #444444;
            --text: #ffffff;
            --text-light: #b0b0b0;
            --bg: #1a1a1a;
            --bg-secondary: #252525;
            --success: #10b981;
            --danger: #ef4444;
            --p-0: #d98585;
            --p-15: #e89a70;
            --p-30: #d4b870;
            --p-50: #c4b870;
            --p-70: #7aaa7a;
            --p-85: #6a9a6a;
            --p-null: #999999;
        }