:root {
    --loop-orange: #ff5a00;
    --loop-orange-dark: #dd4d00;
    --loop-black: #0b0b0c;
    --loop-surface: #141416;
    --loop-card: rgba(255, 255, 255, .075);
    --loop-border: rgba(255, 255, 255, .12);
    --loop-text: #f7f7f5;
    --loop-muted: rgba(255, 255, 255, .55);
    --loop-radius-sm: 14px;
    --loop-radius-md: 22px;
    --loop-radius-lg: 30px;
    --loop-shadow: 0 24px 70px rgba(0, 0, 0, .34);
    --loop-font-body: "DM Sans", sans-serif;
    --loop-font-heading: "Manrope", sans-serif;
}

.loop-glass {
    border: 1px solid var(--loop-border);
    background: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.045));
    box-shadow: var(--loop-shadow), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

.loop-focus-ring:focus-visible {
    outline: 3px solid rgba(255, 90, 0, .38);
    outline-offset: 3px;
}