/*
 * Revolut refinement · neutral light appearance.
 * This file changes color only. Density, hierarchy, art, spacing and type remain
 * owned by the shared composition. Corporate artwork is never filtered.
 * Light roles: #f8f8f8 canvas / white grouped surfaces / #171719 ink /
 * #66666e secondary / authentic İş Varant #006bc3 interactive accent.
 */
body.theme-light{
  color-scheme:light;
  --bg:#f8f8f8;
  --surface:#fff;
  --raised:#ececef;
  --ink:#171719;
  --muted:#66666e;
  --blue:#006bc3;
  --lightblue:#006bc3;
  --green:#187458;
  --red:#b64139;
  --light-selected:#e7f1fc;
  --light-blue-ink:#143e64;
  --chart-guide:#c8cdd5;
  --chart-zero:#7a828e;
  --chart-comparison:#77818d;
  --chart-radar-fill:rgba(0,107,195,.14);
  color:var(--ink);
  background:#e9eaed;
}
.theme-light .phone,
.theme-light .scroll-body{background:var(--bg);color:var(--ink)}
.theme-light .status{color:var(--ink)}
.theme-light .island{background:#000}
.theme-light .home{background:#171719}
.theme-light .wordmark{color:#003399}
.theme-light :is(.logo,.source-logo){background:#fff;filter:none;mix-blend-mode:normal}
.theme-light :is(.panel,.list,.selection,.market-quick,.calm-profile){background:var(--surface);color:var(--ink)}
.theme-light :is(.round,.search,.news-mark){background:var(--surface);color:var(--ink)}
.theme-light :is(.snapshot,.field-label,.soft-meta,.muted){color:var(--muted)}
.theme-light :is(.blue,.details-link){color:var(--blue)}
.theme-light .positive{color:var(--green)}
.theme-light .negative{color:var(--red)}
.theme-light .secondary-section{color:var(--ink)}
.theme-light .market-quick :is(p,small,.soft-meta){color:var(--muted)}
.theme-light .market-quick :is(.icon,.details-link){color:var(--blue)}
.theme-light .flow span:last-child,
.theme-light .dot.silver{background:#8f949d}
.theme-light .legend .white{background:var(--chart-comparison)}

/* Quiet native selections. The primary action keeps the brand blue. */
.theme-light .tabs button{color:var(--muted)}
.theme-light .tabs button.active{background:var(--raised);color:var(--ink)}
.theme-light .ranking .active{color:var(--ink)}
.theme-light .ranking .active:after{background:var(--ink)}
.theme-light .range-tabs button{color:var(--muted)}
.theme-light .range-tabs button.active{background:var(--raised);color:var(--ink)}
.theme-light .direction{background:#eaeaec}
.theme-light .direction button{color:var(--muted)}
.theme-light .direction button.active{background:#fff;color:var(--ink)}
.theme-light .direction button small,
.theme-light .direction button.active small{color:var(--muted)}
.theme-light .date{background:#fff;color:var(--muted)}
.theme-light .date strong{color:var(--ink)}
.theme-light .date.active{background:#202022;color:#e9e9ec}
.theme-light .date.active strong{color:#fff}
.theme-light .selected-check{background:var(--blue);color:#fff}
.theme-light .result-row.selected{background:#fff;color:var(--ink)}
.theme-light .curve-mode{background:#eaeaec}
.theme-light .curve-mode button{color:var(--muted)}
.theme-light .curve-mode button.active{background:#fff;color:var(--ink)}
.theme-light .calculator-panel input{color:var(--ink);background:var(--raised)}
.theme-light .calculator-panel input::placeholder{color:var(--muted);opacity:1}

/* Research and tool destinations are grouped surfaces, not dark-blue islands. */
.theme-light .research-panel p{color:var(--muted)}
.theme-light .research-top{color:var(--ink)}
.theme-light .tag{background:#e5f2eb;color:var(--green)}
.theme-light .tool-mini{background:#fff;color:var(--ink)}
.theme-light :is(.tool-mini span,.profile p,.calm-profile p){color:var(--muted)}
.theme-light :is(.warrants-entry,.calc-entry){background:#e7f1fc;color:var(--light-blue-ink)}
.theme-light :is(.warrants-entry small,.calc-entry small){color:#4f5d6b}
.theme-light :is(.warrants-entry .icon,.calc-entry .icon){color:var(--blue)}
.theme-light .risk{color:#62626a}
.theme-light .risk .icon{color:#87651d}
/* Original issuer quote markup contains inline light ink. */
.theme-light .price-section .row.small.muted b[style*="color"]{color:var(--ink)!important}

/* Persistent native chrome. White labels remain white only on brand actions. */
.theme-light .nav{background:rgba(255,255,255,.96);box-shadow:0 5px 22px #00000008,inset 0 0 0 .5px #00000008}
.theme-light .nav a{color:var(--muted)}
.theme-light .nav a.active{background:var(--light-selected);color:var(--blue)}
.theme-light :is(.trade,.bottom-dock){background:var(--bg);color:var(--ink)}
.theme-light .trade button{background:#e8e8eb;color:var(--ink)}
.theme-light .trade button small{color:var(--muted)}
.theme-light .trade button.primary{background:var(--blue);color:#fff}
.theme-light .trade button.primary small{color:#fff}
.theme-light .curve-foot button{background:var(--blue);color:#fff}
.theme-light .curve-foot button span{color:#fff}
.theme-light .curve-foot button:first-child{background:#e8e8eb;color:var(--ink)}
.theme-light .chart-date{color:var(--muted)}
.theme-light .chart-date b{color:var(--ink)}

/* Price history: chart line and endpoint use the same brand ink. */
.theme-light .stock-plot .line{stroke:var(--blue)}
.theme-light .stock-plot circle[fill="#74baff"]{fill:var(--blue)}
.theme-light .stock-plot stop[stop-color="#0075d5"]{stop-color:var(--blue)}
.theme-light :is(.stock-plot,.sensitivity-plot,.curve-graph,.ruler-wrap) text{fill:var(--muted)}

/* Scenario comparison. Explicit presentation attributes in generated SVG must
   be rethemed by role; blanket svg filtering would also corrupt company marks. */
.theme-light .sensitivity-plot [stroke="#ffffff20"]{stroke:var(--chart-guide)}
.theme-light .sensitivity-plot [stroke="#c5c7cd"]{stroke:var(--chart-comparison)}
.theme-light .sensitivity-plot [stroke="#38a4ff"]{stroke:var(--blue)}
.theme-light .sensitivity-plot [fill="#38a4ff"]{fill:var(--blue)}

/* Radar text may carry inline fill. Numbers retain a separate strong ink. */
.theme-light .radar text{fill:var(--muted)!important}
.theme-light .radar text[style*="fill"],
.theme-light .radar text.value,
.theme-light .radar .radar-value{fill:var(--ink)!important}
.theme-light .radar [stroke="#ffffff27"]{stroke:var(--chart-guide)}
.theme-light .radar [stroke="#ffffff20"]{stroke:#d4d9e0}
.theme-light .radar [fill="#0075d555"]{fill:var(--chart-radar-fill)}
.theme-light .radar [stroke="#51b3ff"]{stroke:var(--blue)}

/* Full-screen payoff curve: gains and losses retain accessible, distinct hues. */
.theme-light .curve-graph{--chart-surface:var(--bg)}
.theme-light :is(.panel,.calm-profile) .curve-graph{--chart-surface:var(--surface)}
.theme-light .curve-graph [stroke="#ffffff12"]{stroke:var(--chart-guide)}
.theme-light .curve-graph [stroke="#ffffff42"]{stroke:var(--chart-zero)}
.theme-light .curve-graph [stroke="#56dba3"]{stroke:var(--green)}
.theme-light .curve-graph [stroke="#ff7e76"]{stroke:var(--red)}
.theme-light .curve-graph [fill="#56dba3"]{fill:var(--green)}
.theme-light .curve-graph [fill="#ff7e76"]{fill:var(--red)}
.theme-light .curve-graph circle[fill="#000"]{fill:var(--chart-surface)}
.theme-light .curve-graph .cross{stroke:#7f8792}
.theme-light .ruler-wrap [stroke="#fff"]{stroke:var(--ink)}
.theme-light .ruler-wrap [stroke="#66666e"]{stroke:#9298a2}
.theme-light .ruler-wrap:before,
.theme-light .ruler-wrap:after{background:linear-gradient(90deg,var(--bg),rgba(248,248,248,0))}

/* Native screenshot export uses the page tone and never adds a device bezel. */
body.theme-light.export-mode{background:var(--bg)}

/* Airy keeps its open composition in both appearances. */
.theme-light.density-airy :is(.list,.selection,.research-panel){background:transparent}
.theme-light.density-airy .date:not(.active){background:transparent}
.theme-light .profile-detail{background:#fff;color:var(--ink)}
.theme-light .risk-fixed{background:var(--bg)}
