@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root {

    /* Boje */
    --color-background: #050507;
    --color-surface: #0d0d11;
    --color-surface-light: #141419;

    --color-text-primary: #f5f5f7;
    --color-text-secondary: #9999a3;

    --color-border: rgba(255, 255, 255, 0.09);

    --color-accent: #ff465c;
    --color-accent-violet: #8f5cff;

    /* Fontovi */

    --font-primary: "Inter", sans-serif;

    /* Layout */
    --container-width: 1240px;
    --container-padding: 24px;

    /* Razmak */
    --section-spacing: 140px;

    /* Borderi */
    --radius-small: 10px;
    --radius-medium: 18px;
    --radius-large: 28px;

    /* Motion */
    --transition-fast: 180ms ease;
    --transition-default: 300ms ease;

}