/*
|--------------------------------------------------------------------------
| HYRO ONE Experience — Theme Tokens
|--------------------------------------------------------------------------
| Change colors, font, radius and shadows here.
| The complete website will update automatically.
|--------------------------------------------------------------------------
*/

:root {
    --hyro-primary: #ec4899;
    --hyro-secondary: #c084fc;
    --hyro-accent: #8b5cf6;

    --hyro-background: #ffffff;
    --hyro-soft-background: #fdf4ff;
    --hyro-surface: #ffffff;

    --hyro-text: #1f2937;
    --hyro-muted: #6b7280;
    --hyro-border: #f3e8ff;

    --hyro-font:
        "Century Gothic",
        "Trebuchet MS",
        Arial,
        sans-serif;

    --hyro-radius-small: 12px;
    --hyro-radius-medium: 18px;
    --hyro-radius-large: 28px;

    --hyro-shadow:
        0 24px 70px rgba(139, 92, 246, 0.13);

    --hyro-gradient:
        linear-gradient(
            135deg,
            var(--hyro-primary) 0%,
            var(--hyro-secondary) 55%,
            var(--hyro-accent) 100%
        );
}