/* Versión clara: se carga después del tema y cambia colores, no la estructura. */
:root {
    color-scheme: light;
    --bg: #ecdec9;
    --bg-2: #e2d0b8;
    --bg-3: #f5eadb;
    --line: rgba(107, 67, 30, .3);
    --text: #40312a;
    --muted: #5a493d;
    --cream: #2c1c13;
    --gold-1: #6b431e;
    --gold-2: #714820;
    --gold-3: #a87a44;
    --gold-text: linear-gradient(115deg, #7a4e25 0%, #a8743f 32%, #6f4520 52%, #9c6b3f 78%, #7a4e25 100%);
}

a:hover { color: var(--cream); }
.gold-text, .section-title em, .hero-title em, .page-title em, h1 em, h2 em, .hero-title em .w > span, .tinta-fill, .cortina-name .ch { background-image: var(--gold-text); }
.hero-title em:has(.w) { background: none; }
.arch-logo img { filter: drop-shadow(0 8px 22px rgba(122, 84, 48, .18)); }
.grain {
    opacity: .16; mix-blend-mode: multiply; animation: none;
    background-image: repeating-linear-gradient(45deg, rgba(90, 58, 28, .1) 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, rgba(90, 58, 28, .07) 0 1px, transparent 1px 4px), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.cursor { mix-blend-mode: multiply; }
.cursor span { background: var(--gold-3); }

.hero { background: radial-gradient(120% 90% at 85% 10%, #e0c5a2 0%, transparent 55%), radial-gradient(90% 80% at 0% 100%, #e6d2b8 0%, transparent 60%), var(--bg); }
.hero-orb { opacity: .35; }
.arch { background: linear-gradient(170deg, #f5eadb, #dfc9ad 75%); box-shadow: 0 40px 100px -46px rgba(122, 84, 48, .55), inset 0 0 0 10px rgba(245, 234, 219, .5); }
.arch::before { border-color: rgba(138, 93, 46, .28); }
.arch-logo { background: radial-gradient(circle at 50% 40%, rgba(212, 165, 116, .2), transparent 60%); }
.badge-core { color: var(--cream); }
.btn--ghost { background: rgba(245, 234, 219, .5); }

.site-header.is-scrolled { background: rgba(236, 222, 201, .9); }
.flash { box-shadow: 0 16px 40px rgba(107, 67, 30, .3); }
.course-cover { background: radial-gradient(circle at 50% 35%, #f5eadb, #dcc6a9); }
.tag { background: rgba(245, 234, 219, .94); }
.course-card, .steps li, .stat, .panel, .my-course, .curriculum details { box-shadow: 0 18px 44px -38px rgba(122, 84, 48, .6); }
input:not([type="checkbox"]), select, textarea { background: var(--bg-3); }
.link-button--danger { color: #a33a28; }
.form-error { background: rgba(190, 80, 60, .1); border-color: rgba(163, 58, 40, .4); color: #8f2f1f; }
.pill--ok { border-color: #5d8a60; color: #2f6b33; }
.icon-btn--danger:hover { border-color: #a33a28; color: #a33a28; }

.mc-preloader { background: var(--bg); }
.trazo-ring, .trazo-mc { stroke: var(--gold-3); }
.petal { border-color: rgba(138, 93, 46, .6); }
.petal--inner { border-color: rgba(138, 93, 46, .8); }
.flower::after { background: radial-gradient(circle, var(--bg) 58%, transparent 71%); }
.flower-mark { filter: none; }
.tinta-outline { -webkit-text-stroke-color: rgba(138, 93, 46, .45); }
.cols span { background: #ecdec9; }
.cols span:nth-child(2), .cols span:nth-child(4) { background: #e8d9c3; }
.cols span:nth-child(3) { background: #e4d3bb; }
@keyframes trFill { to { fill: #a8743f; } }