/* TradyFy's landing skin "trady" (chip showcase.page skin): deep navy and indigo with a gold accent, the same look as the portal
   (static/tf-skin.css). Every rule is scoped to [data-skin="trady"], so this sheet does nothing anywhere else. Loaded on every page by
   app.py _ui_sizes, after static/showcase.css (the shared boilerplate, which has no TradyFy skin of its own). */
:root[data-skin="trady"] {
  --ink: #0d1130; --ink-2: #363d5c; --ink-3: #5c6482;
  --paper: #f6f7fc; --paper-2: #eceff8; --card: #ffffff; --line: #dfe3f1;
  --night: #080c22; --night-2: #11164a; --night-3: #232a74; --on-night: #f1f2ff; --on-night-2: #b9bfe4;
  --brand: #3b3dbf; --brand-2: #8f96ff; --kite: #3b3dbf; --saffron: #f2c94c; --teal: #1f9d6b; --sky: #5a4bdc;
  --serif: var(--sans); --radius: 14px; --radius-s: 10px;
}
@media (prefers-color-scheme: dark) {
  :root[data-skin="trady"]:not([data-theme="light"]) { --ink: #eef0fb; --ink-2: #c6cbe6; --ink-3: #a3abcd; --paper: #080c22; --paper-2: #0d1336; --card: #121a45; --line: #26306a; }
}
:root[data-skin="trady"][data-theme="dark"] { --ink: #eef0fb; --ink-2: #c6cbe6; --ink-3: #a3abcd; --paper: #080c22; --paper-2: #0d1336; --card: #121a45; --line: #26306a; }
[data-skin="trady"] h1, [data-skin="trady"] h2 { letter-spacing: -.028em; font-weight: 800; }
[data-skin="trady"] .hero { background: radial-gradient(1000px 560px at 85% -5%, rgba(90, 75, 220, .42), transparent 60%),
  radial-gradient(760px 460px at 0% 100%, rgba(242, 201, 76, .16), transparent 58%), linear-gradient(170deg, #11164a, #080c22 70%); }
[data-skin="trady"] .hero h1 em { background: linear-gradient(100deg, #ffe08a, #f2c94c 55%, #fff4cc); -webkit-background-clip: text; background-clip: text; color: transparent; }
[data-skin="trady"] .btn.primary { background: linear-gradient(135deg, #3b3dbf, #5a4bdc); box-shadow: 0 12px 28px -12px rgba(90, 75, 220, .95); }
[data-skin="trady"] .btn.primary:hover { background: linear-gradient(135deg, #3234a8, #4d3fca); }
[data-skin="trady"] .btn { border-radius: 10px; }
[data-skin="trady"] .stat b { background: linear-gradient(120deg, #fff, #f2c94c); -webkit-background-clip: text; background-clip: text; color: transparent; }
[data-skin="trady"] .top.solid { background: rgba(8, 12, 34, .92); }
[data-skin="trady"] .cover span { background: #3b3dbf; box-shadow: 0 0 0 10px rgba(255, 255, 255, .12), 0 20px 50px -10px rgba(90, 75, 220, .9); }
[data-skin="trady"] .ch.on { background: linear-gradient(90deg, rgba(90, 75, 220, .32), rgba(90, 75, 220, .06)); }
[data-skin="trady"] .bar i { background: linear-gradient(90deg, #8f96ff, #f2c94c); }
[data-skin="trady"] .cta { background: radial-gradient(900px 420px at 50% 0%, rgba(90, 75, 220, .34), transparent 60%), linear-gradient(160deg, #11164a, #080c22); }
[data-skin="trady"] .cta svg.sky { display: none; }
[data-skin="trady"] .b0 { background: linear-gradient(135deg, #3b3dbf, #8f96ff); }
[data-skin="trady"] .b1 { background: linear-gradient(135deg, #b8860b, #f2c94c); }
[data-skin="trady"] .b2 { background: linear-gradient(135deg, #1f7a55, #3fbf8a); }
[data-skin="trady"] .b3 { background: linear-gradient(135deg, #2a2f7a, #5a4bdc); }
[data-skin="trady"] .marks button:hover, [data-skin="trady"] .marks button.on { background: rgba(90, 75, 220, .25); border-color: #8f96ff; }
[data-skin="trady"] .pillars .card::after { background: radial-gradient(circle, rgba(242, 201, 76, .14), transparent 70%); }
[data-skin="trady"] .play { background: radial-gradient(900px 480px at 100% 0%, rgba(242, 201, 76, .16), transparent 60%), linear-gradient(170deg, #11164a, #080c22); }
[data-skin="trady"] .brand .word { display: block; white-space: nowrap; }
[data-skin="trady"] .brand .fy { display: inline; font: inherit; color: #f2c94c; margin: 0; letter-spacing: inherit; text-transform: none; }