:root {
    /* Paleta PictureMe — laranja, branco, preto */
    --bg-0: #ffffff;
    --bg-1: #fafafa;
    --bg-2: #f2f2f1;
    --bg-3: #e5e5e3;

    --text-0: #000000;
    --text-1: #1a1a1a;
    --text-2: #555555;
    --text-3: #8a8a8a;

    /* Laranja PictureMe (#fe4701) */
    --accent: #fe4701;
    --accent-dim: #d63a00;
    --accent-soft: #fff1ea;
    --accent-glow: rgba(254, 71, 1, 0.25);

    --on-accent: #ffffff;

    --success: #2e7d32;
    --danger:  #c62828;

    --border: rgba(0, 0, 0, 0.10);
    --border-strong: rgba(0, 0, 0, 0.45);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 8px 24px -12px rgba(0, 0, 0, 0.18);
    --shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, 0.22);

    /* Tipografia (convenção rfael) */
    --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
    --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;

    /* Escala */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;
    --space-10: 8rem;

    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 999px;

    --container: 1200px;

    --ease: cubic-bezier(0.22, 1, 0.36, 1);

    --header-h: 72px;
}