/* 1) Reset global */
* {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 2) Variables de tema */
:root {
    --primary-color: #ff6a00;
    --primary-hover: #e04a1f;
    --secondary-color: #d66c36;
    --danger-color: #ff3b30;
    --success-color: #34c759;
    --warning-color: #ff9500;
    --text-dark: #222;
    --text-medium: #333;
    --text-light: #666;
    --text-muted: #888;
    --border-color: #ddd;
    --border-light: #e0e0e0;
    --bg-white: #fff;
    --bg-light: #f5f5f5;
    --bg-gray: #fdfdfd;
    --shadow-sm: 0 2px 5px rgba(0,0,0,0.02);
    --shadow-md: 0 4px 15px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 40px rgba(0,0,0,0.1);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 30px;
    --radius-full: 50px;
}

/* 3) Estilos base del body */
body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: var(--bg-gray);
    color: var(--text-medium);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 4) Enlaces */
a {
    text-decoration: none;
    color: inherit;
}