﻿:root {
    /* Grundfarben */
    --color-background: #f4f6f8;
    --color-surface: #ffffff;
    --color-surface-soft: #f8fafc;
    /* Schrift */
    --color-text: #1f2937;
    --color-text-muted: #6b7280;
    --color-text-light: #9ca3af;
    /* IXNOX Hauptfarbe */
    --color-primary: #111827;
    --color-primary-text: #ffffff;
    /* Linien */
    --color-border: #d9dee5;
    /* Items */
    --color-item: #ffffff;
    /* Item mit Marktanalyse */
    --color-item-valuated: #ecfdf5;
    --color-item-valuated-text: #14532d;
    --color-item-valuated-border: #86efac;
    /* Werte */
    --color-positive: #166534;
    --color-negative: #991b1b;
    /* Buttons */
    --color-button: #FF6600;
    --color-button-text: #ffffff;
    --font-weight-button: 0;
    --font-size-button: 16px;
    --button-padding-y: 10px;
    --button-padding-x: 14px;
    --button-radius: 7px;
    --button-hover-opacity: 0.9;
    --button-hover-transform: translateY(-2px);
    --button-hover-background: #e95100;
    /* Buttons Small*/
    --font-weight-button-small: 0;
    --font-size-button-small: 13px;
    --button-padding-y-small: 7px;
    --button-padding-x-small: 9px;
    /* Buttons XXL*/
    --font-weight-button-xxl: 600;
    --font-size-button-xxl: 16px;
    --button-padding-y-xxl: 13px;
    --button-padding-x-xxl: 20px;
    /* Typografie */
    --font-family: Arial, Helvetica, sans-serif;
    /* Größen */
    --page-max-width: 1100px;
    --radius-small: 7px;
    --radius-medium: 12px;
    --radius-large: 18px;
    /* Schatten */
    --shadow-card: 0 2px 10px rgba(0, 0, 0, 0.07);
    /* Gefährliche Aktionen */
    --color-danger: #991b1b;
    --color-danger-text: #ffffff;
    --color-danger-hover: #7f1d1d;
}

/* IXNOX Night Farbschema */
[data-theme="night"] {
    /* Grundfarben */
    --color-background: #0d1117;
    --color-surface: #161b22;
    --color-surface-soft: #21262d;
    /* Schrift */
    --color-text: #e6edf3;
    --color-text-muted: #9da7b3;
    --color-text-light: #7d8590;
    /* IXNOX Hauptfarbe */
    --color-primary: #f28c28;
    --color-primary-text: #ffffff;
    /* Linien */
    --color-border: #30363d;
    /* Items */
    --color-item: #1c2128;
    /* Item mit Marktanalyse */
    --color-item-valuated: #132a22;
    --color-item-valuated-text: #86efac;
    --color-item-valuated-border: #238636;
    /* Werte */
    --color-positive: #4ade80;
    --color-negative: #f87171;
    /* Buttons */
    --color-button: #30363d;
    --color-button-text: #e6edf3;
    --font-weight-button: 400;
    --font-size-button: 16px;
    --button-padding-y: 10px;
    --button-padding-x: 14px;
    --button-radius: 7px;
    --button-hover-opacity: 0.9;
    --button-hover-transform: translateY(-2px);
    --button-hover-background: #484f58;
    /* Buttons Small */
    --font-weight-button-small: 400;
    --font-size-button-small: 13px;
    --button-padding-y-small: 7px;
    --button-padding-x-small: 9px;
    /* Typografie */
    --font-family: Arial, Helvetica, sans-serif;
    /* Größen */
    --page-max-width: 1100px;
    --radius-small: 7px;
    --radius-medium: 12px;
    --radius-large: 18px;
    /* Schatten */
    --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.35);
}


[data-theme="ocean"] {
    --color-background: #0b1926;
    --color-surface: #142b3d;
    --color-surface-soft: #193b50;
    --color-text: #e6f4fa;
    --color-text-muted: #a7c3d1;
    --color-text-light: #8aaaba;
    --color-primary: #38bdf8;
    --color-primary-text: #062033;
    --color-border: #31536a;
    --color-item: #173246;
    --color-item-valuated: #103d3c;
    --color-item-valuated-text: #80ead4;
    --color-item-valuated-border: #278779;
    --color-positive: #5eead4;
    --color-negative: #fb8b91;
    --color-button: #28475d;
    --color-button-text: #e6f4fa;
    --shadow-card: 0 4px 16px rgba(0, 0, 0, .32);
}


/* Wald */
[data-theme="forest"] {
    --color-background: #0c1c17;
    --color-surface: #172e25;
    --color-surface-soft: #214034;
    --color-text: #e4f4e9;
    --color-text-muted: #a9cbb7;
    --color-text-light: #86ab96;
    --color-primary: #77d49a;
    --color-primary-text: #10251b;
    --color-border: #355847;
    --color-item: #19382d;
    --color-item-valuated: #244936;
    --color-item-valuated-text: #a6edb8;
    --color-item-valuated-border: #438b61;
    --color-positive: #80e0a3;
    --color-negative: #ff958e;
    --color-button: #305544;
    --color-button-text: #edf9f0;
    --shadow-card: 0 4px 16px rgba(0,0,0,.18);
}

/* Wüste */
[data-theme="desert"] {
    --color-background: #f7ebd5;
    --color-surface: #fff9ec;
    --color-surface-soft: #f0dfbf;
    --color-text: #4c3526;
    --color-text-muted: #806750;
    --color-text-light: #987d61;
    --color-primary: #bc6b2d;
    --color-primary-text: #ffffff;
    --color-border: #d9bd95;
    --color-item: #f6e5c8;
    --color-item-valuated: #e3efd9;
    --color-item-valuated-text: #38694d;
    --color-item-valuated-border: #a2c6a0;
    --color-positive: #327852;
    --color-negative: #b43e3e;
    --color-button: #dfc8a6;
    --color-button-text: #4c3526;
    --shadow-card: 0 4px 16px rgba(0,0,0,.18);
}

/* Sommer */
[data-theme="summer"] {
    --color-background: #fff8dc;
    --color-surface: #ffffff;
    --color-surface-soft: #fff0c3;
    --color-text: #353c32;
    --color-text-muted: #69745c;
    --color-text-light: #889274;
    --color-primary: #ef8c20;
    --color-primary-text: #ffffff;
    --color-border: #e8dba8;
    --color-item: #fff4d0;
    --color-item-valuated: #e3f6d5;
    --color-item-valuated-text: #387743;
    --color-item-valuated-border: #a8d59b;
    --color-positive: #2f8752;
    --color-negative: #c44547;
    --color-button: #f1dfac;
    --color-button-text: #353c32;
    --shadow-card: 0 4px 16px rgba(0,0,0,.18);
}

/* Winter */
[data-theme="winter"] {
    --color-background: #edf5fb;
    --color-surface: #ffffff;
    --color-surface-soft: #dcecf7;
    --color-text: #21394e;
    --color-text-muted: #60798d;
    --color-text-light: #8195a4;
    --color-primary: #3785bd;
    --color-primary-text: #ffffff;
    --color-border: #c3d8e6;
    --color-item: #e5f1f9;
    --color-item-valuated: #e0f3ee;
    --color-item-valuated-text: #287b70;
    --color-item-valuated-border: #9bcfc6;
    --color-positive: #237c70;
    --color-negative: #b83f5c;
    --color-button: #d2e6f2;
    --color-button-text: #21394e;
    --shadow-card: 0 4px 16px rgba(0,0,0,.18);
}

/* Herbst */
[data-theme="autumn"] {
    --color-background: #241b19;
    --color-surface: #35251f;
    --color-surface-soft: #443027;
    --color-text: #fff0df;
    --color-text-muted: #d6b7a0;
    --color-text-light: #b18e77;
    --color-primary: #e99a46;
    --color-primary-text: #271b14;
    --color-border: #684638;
    --color-item: #3d2920;
    --color-item-valuated: #3a4026;
    --color-item-valuated-text: #c6e1a1;
    --color-item-valuated-border: #687c41;
    --color-positive: #a8d879;
    --color-negative: #ff9e93;
    --color-button: #563b2d;
    --color-button-text: #fff0df;
    --shadow-card: 0 4px 16px rgba(0,0,0,.18);
}

/* Frühling */
[data-theme="spring"] {
    --color-background: #f4f8ed;
    --color-surface: #ffffff;
    --color-surface-soft: #e9f4e4;
    --color-text: #314637;
    --color-text-muted: #6b8672;
    --color-text-light: #91a694;
    --color-primary: #d16b9e;
    --color-primary-text: #ffffff;
    --color-border: #d1e4d2;
    --color-item: #eff8e9;
    --color-item-valuated: #e0f2d7;
    --color-item-valuated-text: #327c4c;
    --color-item-valuated-border: #a2d5a4;
    --color-positive: #328353;
    --color-negative: #c14d65;
    --color-button: #dbead7;
    --color-button-text: #314637;
    --shadow-card: 0 4px 16px rgba(0,0,0,.18);
}

/* Galaxie */
[data-theme="galaxy"] {
    --color-background: #100d22;
    --color-surface: #1c1737;
    --color-surface-soft: #292044;
    --color-text: #f0eaff;
    --color-text-muted: #bcb0d8;
    --color-text-light: #9386b5;
    --color-primary: #b48cff;
    --color-primary-text: #180d30;
    --color-border: #453764;
    --color-item: #231b43;
    --color-item-valuated: #1d3e39;
    --color-item-valuated-text: #a1efda;
    --color-item-valuated-border: #387c74;
    --color-positive: #8fe7d3;
    --color-negative: #ff91bd;
    --color-button: #392c58;
    --color-button-text: #f0eaff;
    --shadow-card: 0 4px 16px rgba(0,0,0,.18);
}

/* Regenbogen */
[data-theme="rainbow"] {
    --color-background: #f8f4ff;
    --color-surface: #ffffff;
    --color-surface-soft: #f1eaff;
    --color-text: #302747;
    --color-text-muted: #6c5d85;
    --color-text-light: #9485a8;
    --color-primary: #8b5cf6;
    --color-primary-text: #ffffff;
    --color-border: #dcd1ee;
    --color-item: #f5f0ff;
    --color-item-valuated: #e7f6ec;
    --color-item-valuated-text: #28764a;
    --color-item-valuated-border: #a7d8b8;
    --color-positive: #298053;
    --color-negative: #c44b64;
    --color-button: #e9def7;
    --color-button-text: #302747;
    --shadow-card: 0 4px 16px rgba(0,0,0,.18);
}

/* Energie */
[data-theme="energy"] {
    --color-background: #12171a;
    --color-surface: #1e272b;
    --color-surface-soft: #29363a;
    --color-text: #f0f9f5;
    --color-text-muted: #a8c5b9;
    --color-text-light: #7e9e91;
    --color-primary: #b8f529;
    --color-primary-text: #16200d;
    --color-border: #40534b;
    --color-item: #202d2a;
    --color-item-valuated: #253f27;
    --color-item-valuated-text: #b5f67b;
    --color-item-valuated-border: #557e38;
    --color-positive: #b8f529;
    --color-negative: #ff7777;
    --color-button: #33443c;
    --color-button-text: #f0f9f5;
    --shadow-card: 0 4px 16px rgba(0,0,0,.18);
}

/* Gefährliche Aktionen in dunklen Farbschemas */

[data-theme="night"],
[data-theme="ocean"],
[data-theme="forest"],
[data-theme="autumn"],
[data-theme="galaxy"],
[data-theme="energy"] {
    --color-danger: #dc2626;
}