/* ============================================
   DESIGN TOKENS — Spenglerei Peters
   Single source of truth for all --sp-* values
   ============================================ */

:root {
    /* ---- Colors ---- */
    --sp-blue:          #0071bc;
    --sp-blue-dark:     #0056b3;
    --sp-blue-light:    #3393d8;
    --sp-blue-tint:     #d1e4ff;
    --sp-ink:           #1a1c1e;
    --sp-ink-soft:      #404751;
    --sp-surface:       #f9f9fc;
    --sp-white:         #fff;
    --sp-navy:          #001f3f;

    /* ---- Glass ---- */
    --sp-glass-bg:        rgba(255, 255, 255, 0.7);
    --sp-glass-bg-heavy:  rgba(255, 255, 255, 0.85);
    --sp-glass-border:    rgba(255, 255, 255, 0.8);

    /* ---- Elevation ---- */
    --sp-shadow-sm: 0 4px 12px  rgba(0, 113, 188, 0.06);
    --sp-shadow-md: 0 8px 32px  rgba(0, 113, 188, 0.08);
    --sp-shadow-lg: 0 20px 40px rgba(0, 113, 188, 0.1);

    /* ---- Border ---- */
    --sp-radius-sm: 12px;
    --sp-radius-md: 16px;
    --sp-radius-lg: 24px;
    --sp-radius-xl: 32px;
    --sp-border-light: #eef0f4;
    --sp-border-input: #dce0e6;

    /* ---- Typography ---- */
    --sp-font-heading: 'Manrope', 'DM Sans', system-ui, sans-serif;
    --sp-font-body:    'DM Sans', system-ui, -apple-system, sans-serif;
}