:root {
    --brand-primary: #e99636;
    --brand-secondary: #ff8000;
    --brand-dark: #242204;

    --bg-body: #f0f4f8;
    --bg-card: #ffffff;

    /* textos */
    --text: #1f2937;
    --text-muted: #6b7280;
    --text-light: #9ca3af;

    /* border */
    --border: #e5e7eb;

    /* radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;

    /* sombra */
    --shadow: 0px 4px 12px rgba(0, 0, 0, 0.10);
    --shadow-hover: 0px 6px 16px rgba(0, 0, 0, 0.12);
    --transition: all 0.3s ease;

}