/* Shared styles for the six public marketing pages (home, company profile,
   FAQ, pricing, privacy policy, terms).

   Why this file exists: those six pages are standalone -- they do not extend
   base.html and never link style.css -- so each one carried its own <style>
   block, and the nine rules below were duplicated byte-for-byte across all
   six. That included a :root block defining --primary-light: #e6f4f4, a token
   that exists nowhere in style.css and duplicates its --primary-tint (#E7F5F0)
   at a slightly different value. Two near-identical teal tints, one inside the
   design system and one copy-pasted six times outside it.

   Anything genuinely common to the public pages belongs here. Page-specific
   rules stay in that page's own <style> block, which is still loaded after
   this file and therefore still wins on conflict.

   NOTE: this is intentionally NOT style.css. That stylesheet is the signed-in
   application's (sidebar, panels, forms) and pulling ~1000 lines of it onto a
   marketing page would risk more than it fixes. The two systems stay separate;
   this file is the public half. */

:root {
      /* Rebranded to match style.css's App Store blue (see that file's
         :root comment for where the values came from) rather than this
         file's old, separately-maintained teal -- these six public pages
         don't load style.css (see the file header above), so they need
         their own copy of the same palette, not a reference to it. */
      --primary: #1D78EA;
      --primary-dark: #0A1E42;
      --primary-light: #E9F2FE;
      --accent: #C08A3E;
      --text: #101827;
      --text-muted: #5B6B85;
      --border: #D7E0EC;
      --bg: #F5F8FC;
      --card: #ffffff;
      --shadow: 0 4px 20px rgba(10, 30, 66, 0.08);

  /* ---- Type scale -------------------------------------------------------
     Added 2026-08-27. The public pages carried 32 distinct font-size values
     between them, 17 of them below 1rem -- including 0.85/0.86/0.87/0.88rem,
     which are 13.60/13.76/13.92/14.08px and visually identical. Those were
     drift, not decisions.

     These tokens are the intended ladder. They are deliberately NOT retrofitted
     onto existing rules yet: that is a sweep across six pages best done with
     time to eyeball each one, not the day before launch. Use them for anything
     new, and migrate existing declarations to the nearest step as pages are
     touched. Nearest step for the current values is noted beside each.        */
  --text-xs:   0.75rem;   /* 12px  <- 0.72 0.74 0.75 0.78 */
  --text-sm:   0.85rem;   /* 13.6  <- 0.80 0.82 0.83 0.85 0.86 0.87 */
  --text-base: 0.95rem;   /* 15.2  <- 0.88 0.90 0.92 0.96 0.98 1rem */
  --text-lg:   1.1rem;    /* 17.6  <- 1.05 1.08 1.1 1.2 */
  --text-xl:   1.4rem;    /* 22.4  <- 1.3 1.4 1.5 */
  --text-2xl:  1.7rem;    /* 27.2  <- 1.6 1.7 */
  --text-3xl:  2rem;      /* 32                            */
}

* { box-sizing: border-box; margin: 0; padding: 0; }

.topnav-inner {
      max-width: 900px;
      margin: 0 auto;
      padding: 0.85rem 1.25rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      flex-wrap: wrap;
    }

.topnav-brand {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      text-decoration: none;
      font-weight: 800;
      color: var(--primary-dark);
      font-size: 1.05rem;
    }

.topnav-logo { height: 28px; width: auto; display: block; }

.topnav-links a {
      color: var(--text-muted);
      text-decoration: none;
      font-size: 0.92rem;
      font-weight: 600;
    }

.topnav-links a:hover { color: var(--primary-dark); }

.topnav-login {
      background: var(--primary);
      color: #fff !important;
      text-decoration: none;
      font-weight: 700;
      font-size: 0.88rem;
      padding: 0.5rem 1.1rem;
      border-radius: 8px;
      white-space: nowrap;
    }

.topnav-login:hover { background: var(--primary-dark); }