/* Design-Tokens des Portals. Farben, Radien und Schatten hier ändern, app.css
   greift nur auf diese Variablen zu. Abgeleitet von der Gestaltungssprache des
   Bewertungswidgets (Apple-Richtung, Navy). */
:root {
    --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, Helvetica, Arial, sans-serif;
    --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

    --bg: #f5f5f7;
    --surface: #ffffff;
    --surface-2: #fafafa;
    --text: #1d1d1f;
    --text-2: #6e6e73;
    --text-3: #a1a1a6;
    --hairline: rgba(0, 0, 0, .06);
    --hairline-strong: rgba(0, 0, 0, .12);

    --accent: #2c3e52;
    --accent-hover: #24344a;
    --accent-text: #ffffff;
    --accent-soft: rgba(44, 62, 82, .08);

    --stars: #f2a900;
    --success: #2e8b57;
    --success-soft: rgba(46, 139, 87, .12);
    --danger: #c0392b;
    --danger-soft: rgba(192, 57, 43, .10);
    --warning: #d97706;
    --warning-soft: rgba(217, 119, 6, .12);
    --info: #2563eb;
    --info-soft: rgba(37, 99, 235, .12);
    --purple: #7c3aed;
    --purple-soft: rgba(124, 58, 237, .12);
    --gray: #6e6e73;
    --gray-soft: rgba(110, 110, 115, .14);

    --radius-card: 14px;
    --radius-input: 10px;
    --radius-pill: 999px;
    --shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 6px 20px rgba(0, 0, 0, .04);
    --shadow-hover: 0 2px 4px rgba(0, 0, 0, .05), 0 12px 32px rgba(0, 0, 0, .08);
    --ease: cubic-bezier(.2, .8, .2, 1);

    --sidebar-width: 248px;
}