:root {
    /* Brand Colors */
    --brand-primary: #26C6DA;
    --brand-secondary: #4361EE;
    --brand-tertiary: #3A0CA3;
    --brand-text: #121212;

    /* Creator */
    --creator-bg: var(--brand-text);
    --creator-gradient: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
    --creator-card-radius: 18px;

    /* Layout */
    --grid-max: 1440px;
    --gap: clamp(1.5rem, 2vw, 2rem);

    /* Typography */
    --font-body: Inter, system-ui, sans-serif;
    --font-heading: var(--font-body);

    /* Header */
    --hdr-h: 64px;
    --header-bg: rgba(255, 255, 255, 0.1);
    --header-blur: 15px;
    --header-bd: rgba(255, 255, 255, 0.1);

    /* Footer */
    --ftr-h: 80px;
    --footer-bg: rgba(0, 0, 0, 0.2);
    --footer-blur: var(--header-blur);
    --footer-bd: var(--header-bd);
    --footer-padding-y: 2rem;
    --footer-icon-size: 20px;
    --footer-gap: 1rem;
    --footer-link-color: rgba(255, 255, 255, 0.8);

    /* Card */
    --card-bg: #1e1e1e;
    --card-title-size: clamp(0.9rem, 2vw, 1.2rem);
    --card-title-weight: 600;
    --card-title-lines: 2;
    --card-bevel: 10px;
    --rim: rgba(255, 255, 255, 0.5);

    /* Text */
    --text: rgba(255, 255, 255, 0.9);
    --text-muted: rgba(255, 255, 255, 0.6);
    --accent: var(--brand-primary);

    /* Misc */
    --logo-size: 64px;
    --modal-bg: var(--creator-bg);
    --modal-bd: rgba(255, 255, 255, 0.1);
    --menu-bg: rgba(30, 30, 30, 0.95);
    --menu-hover: rgba(255, 255, 255, 0.1);

    /* Description sizing */
    --description-max-width: clamp(320px, 60ch, 720px);
    --description-margin: 2rem auto;
    --description-content-max: 720px;
    --description-p-max: 600px;
}

body {
    font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading);
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
  .back-to-top {
    animation: none !important;
  }
  .card:hover {
    transform: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
  }
}