/* Pedalupi — Design Tokens ("Trilha")
   Fonte: https://fonts.googleapis.com/css2?family=Sora:wght@600;700&family=Inter:wght@400;500;600&display=swap
*/

:root {
    /* Cores de marca */
    --color-mata: #24402E;
    --color-areia: #F2ECDF;
    --color-musgo: #8A9B4E;
    --color-ouro: #D9B44A;
    --color-barro: #6B6957;

    /* Cores semânticas — desgaste de componentes */
    --color-status-good: #4E9A5F;
    --color-status-warning: #D9B44A;
    --color-status-danger: #B4553F;

    /* Tipografia */
    --font-heading: 'Sora', system-ui, sans-serif;
    --font-body: 'Inter', system-ui, sans-serif;

    /* Superfícies e texto (mapeamento semântico) */
    --color-background: var(--color-areia);
    --color-surface: #FFFFFF;
    --color-surface-elevated: #EAE3D2;
    --color-text-primary: var(--color-mata);
    --color-text-secondary: var(--color-barro);
    --color-border: rgba(36, 64, 46, 0.12);
}

html, body {
    font-family: var(--font-body);
    background: var(--color-background);
}

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