/* INKLUCID · Claridad. Application shell only; never target pigment swatches or generated viewers. */
html[data-inkpeers-shell]{color-scheme:dark;--bg:#101010;--panel:#202020;--card:#202020;--border:#454545;--line:#454545;--text:#fff;--muted:#bdbdbd;--accent:#d4b46a;--ink:#101010;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
[data-inkpeers-shell] body{background:#101010;color:#fff;line-height:1.5}
[data-inkpeers-shell] .brand{display:inline-flex;align-items:center;flex-shrink:0}
[data-inkpeers-shell] .brand img{display:block;width:176px;height:auto}
[data-inkpeers-shell] h1{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1.08;color:#fff}
[data-inkpeers-shell] h2,[data-inkpeers-shell] h3{color:#fff}
[data-inkpeers-shell] .muted,[data-inkpeers-shell] .hint,[data-inkpeers-shell] .sub,[data-inkpeers-shell] .tag,[data-inkpeers-shell] .cf{color:#bdbdbd}
[data-inkpeers-shell] a{color:#d4b46a}
[data-inkpeers-shell] :is(button,input,textarea,select){background:#202020;color:#fff;border-color:#454545}
[data-inkpeers-shell] :is(button.primary,.button,.btn){background:#d4b46a;color:#101010;border-color:#d4b46a;font-weight:750}
[data-inkpeers-shell] :is(.button.secondary,.btn.ghost){background:transparent;color:#d4b46a;border:1px solid #d4b46a}
[data-inkpeers-shell] :is(button[aria-pressed=true],.social-nav button[aria-pressed=true],.thread.unread){background:#2c271c;color:#f2d694;border-color:#d4b46a}
[data-inkpeers-shell] :is(.card,.tool,.entry,dialog,.dialog-head){background:#202020;border-color:#454545}
[data-inkpeers-shell] :is(.avatar,.profile-avatar){background:#30291c;color:#f2d694}
[data-inkpeers-shell] :is(.info,.badge,.rank-label,.rating-box){background:#29251d;color:#eee1c2;border-color:#66573a}
[data-inkpeers-shell] :is(.rating-summary,.stars button){color:#d4b46a}
[data-inkpeers-shell] .photo-button,[data-inkpeers-shell] .photos img{background:#101010}
[data-inkpeers-shell] .ig-card{background:#252525}
[data-inkpeers-shell] .danger,[data-inkpeers-shell] .form-error{color:#ffb5a9}
[data-inkpeers-shell] :is(a,button,input,textarea,select):focus-visible{outline:3px solid #d4b46a;outline-offset:4px}
[data-inkpeers-shell] .top{padding-top:25px;padding-bottom:25px}
[data-inkpeers-shell] .top nav a.selected{color:#d4b46a;border-bottom:2px solid #d4b46a;padding-bottom:8px}
[data-inkpeers-shell] .hero{padding-top:56px;padding-bottom:42px}
[data-inkpeers-shell] .hero h1{max-width:760px;font-size:clamp(34px,4.7vw,58px)}
[data-inkpeers-shell] .hero p{color:#bdbdbd}
[data-inkpeers-shell] .eyebrow{color:#d4b46a;letter-spacing:.14em}
[data-inkpeers-shell="home"] .wrap{max-width:1180px;padding-top:32px}
[data-inkpeers-shell="home"] .intro{max-width:820px;margin:70px 0 44px}
[data-inkpeers-shell="home"] h1{font-size:clamp(38px,5.7vw,68px)}
[data-inkpeers-shell="home"] .intro>p{max-width:640px;font-size:18px;line-height:1.65}
[data-inkpeers-shell="home"] .entry{min-height:260px;border-radius:16px;padding:28px}
[data-inkpeers-shell="home"] .entry h2{font-size:27px;letter-spacing:.03em}
[data-inkpeers-shell="home"] .tag{border-color:#565044;color:#dfc68d}
[data-inkpeers-shell="home"] .panel{max-width:850px}
[data-inkpeers-shell="tools"] :is(.wrap,.w){max-width:760px;padding:28px 24px 60px;text-align:left}
[data-inkpeers-shell="tools"] .brand-shell{max-width:1100px;margin:0 auto;padding:28px 24px 14px;display:flex;align-items:center;justify-content:space-between;gap:24px}
[data-inkpeers-shell="tools"] .brand-shell nav{display:flex;gap:24px;flex-wrap:wrap}
[data-inkpeers-shell="tools"] .brand-shell nav a{text-decoration:none;font-size:14px;font-weight:700;min-height:44px;display:flex;align-items:center}
[data-inkpeers-shell="tools"] .topnav a{border-color:#454545;color:#d4b46a;background:transparent}
[data-inkpeers-shell="tools"] .drop{background:#202020;border-color:#565044;padding:30px}
[data-inkpeers-shell="tools"] input[type=file]{background:#202020;color:#fff;border-color:#454545}
[data-inkpeers-shell="tools"] input[type=file]::file-selector-button{background:#d4b46a;color:#101010}
[data-inkpeers-shell="tools"] .brand-kicker{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:#d4b46a;margin:26px 0 12px}
[data-inkpeers-shell="tools"] h1{font-size:clamp(32px,5vw,48px);margin:16px 0}
[data-inkpeers-shell="tools"] .brand-copy{color:#bdbdbd;font-size:16px;line-height:1.65;max-width:650px;margin:0 0 26px}
@media(max-width:650px){[data-inkpeers-shell] .brand img{width:144px}[data-inkpeers-shell] .hero{padding:30px 0}[data-inkpeers-shell="home"] .intro{margin:40px 0 30px}[data-inkpeers-shell="home"] .entry{min-height:0;padding:24px}[data-inkpeers-shell="home"] .intro>p{font-size:16px}[data-inkpeers-shell="tools"] .brand-shell{padding:20px 18px 0;gap:14px;flex-wrap:wrap}[data-inkpeers-shell="tools"] .brand-shell nav{gap:18px}[data-inkpeers-shell="tools"] :is(.wrap,.w){padding:22px 18px 50px}}
@media(prefers-reduced-motion:reduce){[data-inkpeers-shell] *{scroll-behavior:auto!important}}

/* Claridad: restrained geometric typography and compact horizontal mark. */
[data-inkpeers-shell] .brand img{width:196px;height:auto}
[data-inkpeers-shell] h1{font-weight:700;letter-spacing:-.035em}
[data-inkpeers-shell] .launch-header{align-items:center}
@media(max-width:650px){[data-inkpeers-shell] .brand img{width:168px}[data-inkpeers-shell] .launch-header{align-items:flex-start;flex-direction:column;gap:22px}[data-inkpeers-shell] .launch-header nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 20px}}

/* Consistent release destinations, plus one-click tool switching. */
[data-inkpeers-shell] .release-nav{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center}
[data-inkpeers-shell] .release-nav a{font-size:14px;font-weight:650;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
[data-inkpeers-shell] .release-nav a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:7px;text-decoration-color:#D4B46A}
[data-inkpeers-shell] .tool-nav{max-width:760px;margin:8px auto 0;padding:0 24px;display:flex;gap:10px;flex-wrap:wrap}
[data-inkpeers-shell] .tool-nav a{padding:8px 14px;border:1px solid #454545;border-radius:8px;text-decoration:none;min-height:44px;display:flex;align-items:center;box-sizing:border-box}
[data-inkpeers-shell] .tool-nav a[aria-current=page]{border-color:#D4B46A;background:#29251d;color:#fff}
[data-inkpeers-shell] .plan-context{border:1px solid #66573a;border-radius:12px;padding:18px;margin:20px 0;background:#202020}
[data-inkpeers-shell] .plan-context h2{font-size:20px;margin-top:0}
[data-inkpeers-shell] .plan-context p{line-height:1.6}
@media(max-width:650px){[data-inkpeers-shell] .release-nav{gap:4px 18px}[data-inkpeers-shell] .tool-nav{padding:0 18px}[data-inkpeers-shell] .brand-shell{align-items:flex-start;flex-direction:column}}

[data-inkpeers-shell] .project-reference{padding:0 10px 8px;color:#bdbdbd;font-size:12px;overflow-wrap:anywhere}
[data-inkpeers-shell] .learn-back-index{position:fixed;right:20px;bottom:20px;z-index:4;background:#202020;border:1px solid #D4B46A;border-radius:10px;padding:10px 16px;min-height:44px;box-sizing:border-box;text-decoration:none;display:flex;align-items:center}

.release-footer{max-width:1100px;margin:28px auto;padding:16px 24px;font:14px system-ui,sans-serif;color:#bdbdbd}.release-footer a{color:#D4B46A}
.viewer-release{background:#101010;color:white;font:14px system-ui,sans-serif;margin:0 0 20px;padding:20px}
.viewer-release .brand-shell{max-width:1100px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}
.viewer-release .brand img{width:196px;height:auto;display:block}.viewer-release a{color:#D4B46A}
.viewer-release .release-nav{display:flex;flex-wrap:wrap;gap:8px 20px}.viewer-release .release-nav a{min-height:44px;display:flex;align-items:center;text-decoration:none}.viewer-release .release-nav a[aria-current=page]{color:white;text-decoration:underline;text-underline-offset:6px}
@media(max-width:650px){.viewer-release{padding:18px}.viewer-release .brand-shell{align-items:flex-start;flex-direction:column;gap:16px}.viewer-release .brand img{width:168px}.viewer-release .release-nav{gap:4px 18px}}

[data-inkpeers-shell] .access-note{font-size:14px;line-height:1.5;color:#bdbdbd;width:100%;margin:4px 0 12px}@media(min-width:651px){.release-nav a[href="/cuenta"]{border-left:1px solid #454545;padding-left:18px}}
