:root {

    --preview-gradient: linear-gradient(to bottom, #b3c8e0, #99b8d9);

    --color-bg-start: #b3c8e0;
    --color-bg-end: #99b8d9;
    --color-dark: #8fb2d1;
    --color-dark-hover: #7ca3c4;
    --color-text: #0f1a30;
    --color-accent: #1a66cc;
    --color-accent-hover: #0055aa;
    --color-border: #668bb3;

    --font-main: "Comfortaa", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    --transition-fast: 0.15s ease;
    --transition-medium: 0.2s ease;
    --spacing-small: 8px;
    --spacing-medium: 10px;
    --spacing-large: 20px;
}