/* Joy 1.0 "Lia" — design tokens */

:root {
    /* Cor de marca (mantida do FluidUI para continuidade de identidade) */
    --joy-accent: #cd0000;
    --joy-accent-hover: #a30000;
    --joy-accent-glow: rgba(205, 0, 0, 0.35);
    --joy-accent-soft: rgba(205, 0, 0, 0.1);

    /* Superfícies */
    --joy-bg: #f0f2f5;
    --joy-bg-alt: #eaeef2;
    --joy-surface: #ffffff;

    /* Texto */
    --joy-text: #14141a;
    --joy-text-muted: #55555f;
    --joy-text-on-accent: #ffffff;

    /* Vidro (glassmorphism) */
    --joy-glass-bg: rgba(255, 255, 255, 0.6);
    --joy-glass-bg-strong: rgba(255, 255, 255, 0.85);
    --joy-glass-border: rgba(255, 255, 255, 0.8);
    --joy-glass-shadow: 0 8px 32px rgba(31, 38, 135, 0.07);

    /* Escala de raio */
    --joy-radius-sm: 14px;
    --joy-radius-md: 20px;
    --joy-radius-lg: 28px;
    --joy-radius-xl: 40px;
    --joy-radius-pill: 999px;

    /* Formas orgânicas (uso reservado para hero/dock/blobs) */
    --joy-morph-1: 40% 60% 70% 30% / 40% 50% 60% 50%;
    --joy-morph-2: 60% 40% 30% 70% / 60% 30% 70% 40%;
    --joy-morph-3: 50% 50% 60% 40% / 40% 60% 40% 60%;

    /* Escala de espaçamento */
    --joy-space-1: 4px;
    --joy-space-2: 8px;
    --joy-space-3: 12px;
    --joy-space-4: 16px;
    --joy-space-5: 24px;
    --joy-space-6: 32px;
    --joy-space-7: 48px;
    --joy-space-8: 64px;

    /* Desfoque */
    --joy-blur-sm: 10px;
    --joy-blur-md: 16px;
    --joy-blur-lg: 24px;

    /* Tipografia (mantida a Poppins do resto do ecossistema) */
    --joy-font: 'Poppins', sans-serif;

    /* Transições */
    --joy-ease: cubic-bezier(0.25, 0.8, 0.25, 1);
    --joy-ease-bounce: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}