:root {
    /* Radius */
    --radius-card: 12px;
    --radius-inner: 8px;
    /* Spacing */
    --space-card: 16px;
    /* Typography */
    --font-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto;
    /* Shadow */
    --shadow-card-light: 0 6px 20px rgba(0, 0, 0, 0.06);
    --shadow-card-dark: 0 10px 30px rgba(0, 0, 0, 0.35);
    
    /* удалить когда разберусь с переходами*/
    /* Backgrounds */
    --bg-main: #0f0f0f;
    --bg-surface: #0b0b0b;
    --bg-card: #161616;
    /* Text */
    --text-primary: #e6e6e6;
    --text-secondary: #a1a1a1;
    --text-accent: #1f2937;
    --text-error: #ac4a4a;
    /* Accent */
    --accent: #d4d4d4;
    --accent-hover: #bfbfbf;
    /* UI */
    --border-color: #262626;
    --shadow-card: var(--shadow-card-dark);
}