/* ==========================================================================
   Edge Flow Trading — theme (loaded after style.css)
   Warm, light, editorial: cream + charcoal + amber, serif headings
   ========================================================================== */
:root {
  --ink-950: #15120F; --ink-900: #1E1B18; --ink-850: #26221E; --ink-800: #2E2925; --ink-700: #3D3630; --ink-600: #54493F;
  --slate-400: #A79A8B; --slate-300: #CFC3B4; --slate-200: #E4DACC; --slate-100: #EFE8DE; --slate-50: #FAF6F0;
  --teal: #F2A93B; --teal-600: #C9771F; --teal-700: #A2560F;
  --blue: #D9622B; --blue-600: #B44E1D; --violet: #8C3A1E;
  --grad: linear-gradient(115deg, #F6B444 0%, #D9622B 100%);
  --grad-soft: linear-gradient(135deg, #FDF0DC, #FBE3CF);
  --font-sans: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --radius-sm: 4px; --radius: 8px; --radius-lg: 12px;
}
body { background: #FFFDF9; color: var(--ink-900); }
h1, h2, h3, h4 { font-weight: 600; letter-spacing: -.01em; }
h1 { letter-spacing: -.02em; }
::selection { background: rgba(242,169,59,.35); }
.eyebrow { font-family: var(--font-sans); font-weight: 700; letter-spacing: .18em; color: var(--teal-700); }
.eyebrow::before { height: 3px; width: 18px; }
.lead, .muted { color: #5E5348; }

/* Buttons: squarer, charcoal primary accents */
.btn { border-radius: 8px; letter-spacing: .01em; }
.btn--primary { background: var(--teal); color: var(--ink-900); box-shadow: 0 8px 22px -10px rgba(217,98,43,.55); }
.btn--primary:hover { box-shadow: 0 12px 26px -10px rgba(217,98,43,.7); }
.btn--ghost { color: var(--ink-900); border-color: rgba(30,27,24,.25); background: transparent; }
.btn--ghost:hover { border-color: var(--ink-900); background: rgba(30,27,24,.04); }
.section--dark .btn--ghost, .cta-band .btn--ghost, .panel .btn--ghost { color: #fff; border-color: rgba(255,255,255,.3); }
.link-arrow { color: var(--blue-600); }

/* Header */
.topbar { background: var(--ink-900); color: #CFC3B4; }
.header--light { background: rgba(255,253,249,.94); border-bottom: 1px solid var(--slate-100); }
.nav > a, .nav__item > a { border-radius: 6px; font-weight: 600; font-size: .9rem; }
.logo--trade .logo__word { font-family: var(--font-display); font-weight: 600; font-size: 1.42rem; letter-spacing: -.01em; }
.logo--trade .logo__word small { font-family: var(--font-sans); font-weight: 700; font-size: .56rem; letter-spacing: .26em; opacity: .7; margin-top: 3px; }
.dropdown { border-radius: 10px; }

/* Light hero */
.hero, .page-hero { background: #F7EFE3; color: var(--ink-900); }
.hero h1, .page-hero h1 { color: var(--ink-900); }
.hero .lead, .page-hero .lead { color: #5E5348; }
.hero .eyebrow, .page-hero .eyebrow { color: var(--teal-700); }
.hero__badges { color: #5E5348; }
.hero__badges svg { color: var(--blue); }
.crumbs { color: #8A7C6C; } .crumbs a:hover { color: var(--ink-900); }
.page-hero .chip, .hero .chip { background: #fff; border-color: var(--slate-200); color: var(--ink-700); }
.stats { border-top-color: rgba(30,27,24,.12); }
.stat + .stat { border-left-color: rgba(30,27,24,.12); }
.stat strong { color: var(--ink-900); font-family: var(--font-display); }
.stat span { color: #6B5F52; }
.grad-text { background: var(--grad); -webkit-background-clip: text; background-clip: text; }

/* Console mock stays dark but warm */
.console { background: linear-gradient(180deg, #2A2520, #1B1815); border-color: rgba(255,255,255,.08); }
.kpi em, .tag { color: #F6B444; }
.tag { background: rgba(246,180,68,.14); }
.tag--blue { background: rgba(217,98,43,.2); color: #F29A6B; }
.dot, .stock .dot { background: #F2A93B; box-shadow: 0 0 0 4px rgba(242,169,59,.18); }
.stock .dot { background: #2E9D6B; box-shadow: 0 0 0 3px rgba(46,157,107,.18); }
.stock .dot--amber { background: #E0892B; box-shadow: 0 0 0 3px rgba(224,137,43,.18); }

/* Icons & ticks */
.ico { background: #FCEBD2; color: var(--teal-700); border-color: #F4D3A4; border-radius: 8px; }
.section--dark .ico, .section--ink .ico { background: rgba(242,169,59,.12); color: #F6B444; border-color: rgba(242,169,59,.28); }
.ticks li::before { background: #FCEBD2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A2560F' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/12px no-repeat; border-radius: 4px; }
.section--dark .ticks li::before, .section--ink .ticks li::before, .panel .ticks li::before { background-color: rgba(242,169,59,.16); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6B444' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E"); }

/* Cards & catalogue */
.card, .cat-card, .product, .plan, .post, .contact-item, .side-box, .faq details, .form-card, .table-wrap { border-radius: var(--radius); }
.card:hover, .cat-card:hover { box-shadow: 0 16px 34px -18px rgba(60,40,20,.28); }
.cat-card__art { background: linear-gradient(160deg, #FBF6EF, #F0E5D6); }
.cat-card__code { border-radius: 4px; }
.product__img { background: #F6EFE5; }
.product__badge { border-radius: 4px; }
.filter { border-radius: 6px; }
.filter.active { background: var(--ink-900); border-color: var(--ink-900); }
.search input { border-radius: 8px; }
.side-nav a[aria-current="page"] { background: var(--teal); color: var(--ink-900); font-weight: 600; }
.chip { border-radius: 6px; background: var(--slate-50); }
.step__n { border-radius: 10px; background: var(--ink-900); color: #F6B444; border-color: rgba(242,169,59,.5); }
.step::before { background: linear-gradient(90deg, rgba(217,98,43,.5), rgba(242,169,59,.2)); }
.tl::before { border-color: var(--blue); border-radius: 4px; }
.timeline::before { background: linear-gradient(var(--teal), var(--blue)); }

/* Dark sections: warm charcoal */
.section--dark { background: var(--ink-900); }
.section--muted { background: #FAF4EA; }
.panel { border-radius: 12px; }
.panel::after { background: radial-gradient(circle, rgba(242,169,59,.28), transparent 65%); }
.cta-band { border-radius: 12px; }
.cta-band::before { background: radial-gradient(600px 300px at 90% 10%, rgba(242,169,59,.3), transparent 60%), radial-gradient(500px 300px at 10% 110%, rgba(217,98,43,.3), transparent 60%); }
th { background: #FAF4EA; }
.field input, .field select, .field textarea { border-radius: 8px; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 4px rgba(217,98,43,.14); }
.check input { accent-color: var(--blue); }
.quote-pill .count { background: var(--blue); color: #fff; }

/* Light footer */
.footer { background: #F3EADD; color: #5E5348; }
.footer .logo, .footer h4 { color: var(--ink-900); }
.footer a:hover { color: var(--ink-900); }
.footer__company, .footer__bottom { border-top-color: rgba(30,27,24,.1); }
.footer__company b { color: var(--ink-800); }
.newsletter input { background: #fff; border-color: var(--slate-200); color: var(--ink-900); }
.newsletter input::placeholder { color: #9A8D7E; }
.to-top { background: var(--teal); color: var(--ink-900); border: 0; }
.ticker { border-color: var(--slate-100); background: #FFFDF9; }
@media (max-width: 1240px) { .header--light .nav { background: #FFFDF9; } }
@media (max-width: 1400px) { .header__cta .btn--hide-m { display: none; } }