: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: #111827;
    --color-button-text: #ffffff;
    /* 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);
}