:root {
    --bg: #09070f;
    --bg-soft: #100c19;
    --surface: rgba(22, 17, 32, 0.94);
    --surface-strong: #171220;
    --surface-light: #20182d;

    --text: #ffffff;
    --text-soft: #c6bfce;
    --text-muted: #81798d;

    --pink: #f34889;
    --pink-strong: #d92571;
    --pink-soft: #ff82ae;
    --gold: #f2bc69;
    --purple: #8f58ff;

    --success: #4fd39b;
    --danger: #ff6378;

    --border: rgba(255, 255, 255, 0.09);
    --border-strong: rgba(255, 255, 255, 0.15);

    --shadow-soft:
        0 18px 50px rgba(0, 0, 0, 0.30);

    --shadow-pink:
        0 16px 40px rgba(243, 72, 137, 0.22);

    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 26px;
    --radius-xl: 34px;

    --safe-top: env(safe-area-inset-top, 0px);
    --safe-bottom: env(safe-area-inset-bottom, 0px);

    --transition: 180ms ease;
}