:root {
    /* Marca */
    --tuio-orange: #FE572A;
    --tuio-orange-hover: #E84A20;
    --tuio-coral: #FF7A59;
    --tuio-peach: #FCECE8;
    --tuio-peach-deep: #FFE2DA;
    --gradient-plan-card: linear-gradient(180deg, #FFFFFF 0%, #FFE2DA 100%);

    --tuio-purple: #685BC7;
    --tuio-purple-dark: #564AAA;
    --tuio-purple-mid: #5D51B7;

    /* Neutros */
    --tuio-black: #10100E;
    --tuio-gray-900: #3A3A38;
    --tuio-gray-600: #6B6B68;
    --tuio-gray-400: #A3A3A3;
    --tuio-gray-200: #D9D9D9;
    --tuio-gray-100: #EDEDED;
    --tuio-gray-50: #F4F4F4;
    --tuio-white: #FFFFFF;

    /* Superficies semanticas */
    --surface-page: var(--tuio-white);
    --surface-card: var(--tuio-peach);
    --surface-footer: var(--tuio-gray-200);
    --surface-input: var(--tuio-gray-50);

    /* Texto */
    --text-primary: var(--tuio-black);
    --text-secondary: var(--tuio-gray-600);
    --text-accent: var(--tuio-orange);
    --text-on-dark: var(--tuio-white);

    /* Bordes */
    --border-input: var(--tuio-orange);
    --border-subtle: var(--tuio-gray-200);

    /* Radios */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* Espaciado */
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 20px;
    --space-lg: 32px;
    --space-xl: 56px;
    --space-2xl: 96px;

    /* Tipografia */
    --font-sans: 'Outfit', 'Segoe UI', system-ui, sans-serif;
    --fs-hero: 56px;
    --fs-h1: 44px;
    --fs-h2: 34px;
    --fs-h3: 24px;
    --fs-body: 16px;
    --fs-small: 14px;

    --fw-regular: 400;
    --fw-medium: 500;
    --fw-bold: 700;

    /* Layout */
    --container-max: 1280px;
    --header-height: 80px;
}