:root {
    --color-primary: #136dec;
    --color-primary-dark: #0e5bbd;
    --color-background-light: #f6f7f8;
    --color-background-dark: #101822;
    --color-surface-light: #ffffff;
    --color-surface-dark: #1a2430;
    --color-text-main: #111418;
    --color-text-sub: #617289;

    --font-display: "Manrope", sans-serif;

    --border-radius-default: 0.5rem;
    --border-radius-lg: 0.75rem;
    --border-radius-xl: 1rem;
    --border-radius-full: 9999px;

    --border-light: #f0f2f4;
    --border-dark: #2a3441;
    --border-card-light: #dbe0e6;
    --border-card-dark: #3a4451;
    --transicion-normal: 0.3s ease;
}