:root {
    --color-primary: rgb(255, 250, 250);
    --color-secondary: rgb(26, 31, 42);
    --color-text-primary: rgb(26, 31, 42);
    --color-text-secondary: rgb(255, 250, 250);
    --color-text-muted: rgba(255, 250, 250, 0.75);

    --color-accent-blue: rgb(83, 178, 255);
    --color-accent-orange: rgb(248, 167, 96);
    --color-accent-green: rgb(133, 230, 125);
    --color-accent-yellow: rgb(246, 233, 107);
    --color-accent-pink: rgb(230, 125, 183);
    --color-accent-purple: rgb(231, 112, 221);
    --color-accent-red: rgb(218, 103, 105);

    --bg-accent-blue: rgba(83, 178, 255, 0.15);
    --bg-accent-blue-light: rgba(83, 178, 255, 0.05);
    --bg-accent-orange: rgba(248, 167, 96, 0.15);
    --bg-accent-orange-light: rgba(248, 167, 96, 0.05);
    --bg-accent-green: rgba(133, 230, 125, 0.15);
    --bg-accent-green-light: rgba(117, 217, 109, 0.05);
    --bg-accent-yellow: rgba(246, 233, 107, 0.15);
    --bg-accent-yellow-light: rgba(246, 233, 107, 0.05);
    --bg-accent-pink: rgba(230, 125, 183, 0.15);
    --bg-accent-pink-light: rgba(230, 125, 183, 0.05);
    --bg-accent-purple: rgba(231, 112, 221, 0.15);
    --bg-accent-purple-light: rgba(231, 112, 221, 0.05);
    --bg-accent-red: rgba(218, 103, 105, 0.15);
    --bg-accent-red-light: rgba(218, 103, 105, 0.05);

    --card-bg: rgba(255, 255, 255, 0.05);
    --card-border: rgba(255, 255, 255, 0.1);
    --card-shadow: rgba(26, 31, 42, 0.05);
    --card-shadow-hover: rgba(26, 31, 42, 0.1);

    --font-family: "Outfit", sans-serif;
    --font-weight-light: 200;
    --font-weight-mixed: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;

    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 32px;
    --font-size-4xl: 40px;
    --font-size-5xl: 48px;

    --line-height-tight: 1.1;
    --line-height-normal: 1.2;
    --line-height-relaxed: 1.4;
    --line-height-loose: 1.6;

    --letter-spacing-tight: -0.96px;
    --letter-spacing-normal: 0;
    --letter-spacing-wide: 0.48px;

    --contact-form-border: rgba(26, 31, 42, 0.15);
    --contact-form-color-muted: rgba(26, 31, 42, 0.5);;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-fast: 0s;
    --transition-normal: 0s;
    --transition-slow: 0s;
    --transition-bounce: 0s;
  }
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0;
}

a {
    text-decoration: inherit;
    color: inherit;
}