/* Shared original Greysman palette for standalone tools and the tools directory. */
.dashboard {
  --paper: #1d2228;
  --panel: #22272d;
  --field: #15181c;
  --input: #252b32;
  --ink: #e6e9ed;
  --muted: #a9b2bb;
  --line: #3a424b;
  --rule: #3a424b;
  --orange: #91b1c9;
  --steel: #b4d1e4;
  --steel2: #8d97a1;
  --loss: #e17b73;
  --real: #c5a17e;
  --gain: #8cb6a1;
  --hi: #293642;
  --lossbg: #a12f28;
  --lossink: #fff;
  --match: #29332f;
  --matchedge: #8cb6a1;
  --rec: #91989e;
  --now: #293642;
  --mono: var(--font-manrope, Manrope), "Segoe UI", system-ui, sans-serif;
  background: #15181c;
  color: #e6e9ed;
  padding: 0;
  color-scheme: dark;
}

.dashboard *, .dashboard *::before, .dashboard *::after { box-sizing: border-box; }
.dashboard [hidden] { display: none !important; }
.dashboard .landing { max-width: 1600px; margin: auto; min-height: 100vh; background-color: #15181c; background-image: radial-gradient(ellipse 70% 45% at 50% -5%, rgba(150,160,172,.18), transparent 70%), repeating-linear-gradient(45deg, rgba(255,255,255,.025) 0 1px, transparent 1px 4px), repeating-linear-gradient(-45deg, rgba(0,0,0,.25) 0 1px, transparent 1px 4px); color: #e6e9ed; }
.dashboard .page-shell { max-width: 1440px; padding-inline: clamp(20px, 5vw, 72px); }
.dashboard a:hover { color: #fff; }
.dashboard :focus-visible { outline: 2px solid #d7dce1; outline-offset: 4px; }
.dashboard ::selection { background: #9aa3ac; color: #0f1215; }
.dashboard .skip-link { background: #f1f3f5; color: #15181c; }
.dashboard .site-nav { position: static; padding: 26px clamp(20px, 5vw, 72px); min-height: 0; border: 0; background: transparent; }
.dashboard .brand { gap: 10px; font-family: var(--font-sora, Sora), system-ui, sans-serif; font-size: 22px; font-weight: 800; letter-spacing: -.02em; }
.dashboard .brand::before, .dashboard .brand::after { content: none; }
.dashboard .brand img { width: 34px; height: 34px; filter: brightness(0) invert(1); }
.dashboard .brand span, .dashboard .section-heading { color: #e6e9ed; background: linear-gradient(180deg, #fff 0%, #c3cad1 55%, #8d97a1 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.dashboard .section-heading, .dashboard h1, .dashboard h2 { font-family: var(--font-sora, Sora), Manrope, system-ui, sans-serif; font-weight: 600; letter-spacing: -.03em; }
.dashboard .eyebrow { color: #8d97a1; font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: .2em; }
.dashboard .nav-links { gap: 12px 28px; font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.dashboard .nav-links > a:not(.nav-cta) { color: #a9b2bb; }
.dashboard .nav-links > a:not(.nav-cta):hover { color: #fff; text-decoration: none; }
.dashboard .nav-cta, .dashboard .contact-cta { border: 1px solid #b9c1c9; border-radius: 3px; background: linear-gradient(180deg, #f1f3f5 0%, #b4bcc4 50%, #d7dce1 100%); box-shadow: 0 8px 22px rgba(0,0,0,.35), inset 0 1px 0 #fff; color: #15181c; font-family: inherit; font-weight: 700; font-size: 12px; letter-spacing: .04em; }
.dashboard .nav-cta { padding: 0 18px; min-height: 44px; }
.dashboard .contact-cta { min-height: 56px; margin-top: 32px; padding: 0 26px; }
.dashboard .contact-cta::after { content: none; }
.dashboard .nav-cta:hover, .dashboard .contact-cta:hover { background: linear-gradient(180deg, #f1f3f5 0%, #b4bcc4 50%, #d7dce1 100%); filter: brightness(1.07); color: #15181c; }
.dashboard .site-footer { border-top: 1px solid #2a3037; background: #0f1215; color: #9aa3ac; }
.dashboard .footer-inner { padding: 28px clamp(20px, 5vw, 72px); font-family: inherit; font-size: 13px; }
.dashboard .footer-brand { color: #e6e9ed; font-family: var(--font-sora, Sora), Manrope, system-ui, sans-serif; font-size: 16px; font-weight: 800; }
.dashboard .footer-links { color: #a9b2bb; gap: 12px 24px; }