:root {
    /* Typography */
    --font-sans: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;

    --text-1: #0f172a; /* slate-900 */
    --text-2: #334155; /* slate-700 */
    --text-3: #64748b; /* slate-500 */

    /* Surfaces */
    --bg: #ffffff;
    --surface-1: #ffffff;
    --surface-2: #f8fafc; /* slate-50 */
    --surface-3: #f1f5f9; /* slate-100 */

    /* Borders */
    --border: #e2e8f0;  /* slate-200 */
    --border-2: #cbd5e1;/* slate-300 */

    /* Brand (Food: ruhig, nicht neon) */
    --brand: #16a34a;       /* green-600 */
    --brand-weak: #dcfce7;  /* green-100 */

    /* States */
    --danger: #ef4444;
    --danger-weak: #fee2e2;

    /* Radius */
    --r-sm: 10px;
    --r-md: 14px;
    --r-lg: 18px;

    /* Shadow (sehr zurückhaltend) */
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 8px 24px rgba(15, 23, 42, 0.10);

    /* Spacing (8px grid) */
    --s-1: 4px;
    --s-2: 8px;
    --s-3: 12px;
    --s-4: 16px;
    --s-5: 20px;
    --s-6: 24px;
    --s-7: 32px;
    --s-8: 40px;

    /* Layout */
    --container: 1120px;
}