/* ============================================================
   My Secrets theme — brand overrides for the iOwn design system
   ------------------------------------------------------------
   My Secrets is a zero-knowledge password manager. This restates
   ONLY the THEME (brand) variables from the shared iOwn DS
   (iown.v1.css) at My Secrets' navy + violet values. The DS
   structural tokens (spacing/radii/type/shadows/motion/neutrals)
   stay in the shared file and are not duplicated.

   Accent: a cool VIOLET — calm, private, deliberately distinct
   from MyRemoting's green, MyBooks' teal and MyPDF's maroon. Navy
   surfaces are shared across the iOwn family; the brand navy is
   the app icon's (#1f3a5f).

   Link order on each page:
     <link rel="stylesheet" href="https://api.iownsoftware.com/assets/ds/iown.v1.css">
     <link rel="stylesheet" href="/theme.css">
   ============================================================ */
:root{
  /* Navy surfaces / gradient (shared iOwn family; brand navy from the icon) */
  --bg:#0f1a2e; --grad1:#0f1a2e; --grad2:#1f3a5f;
  --panel:#14213a; --panel2:#0b1424;

  /* Accent (brand violet) family */
  --accent:#8b7cf6; --accent-2:#a899ff; --accent-bg:#1e1a3d; --accent-bg-h:#2a2554; --accent-bd:#4c4393;
  --accent-soft:#c4b8ff;

  /* text on a solid violet fill (readable dark ink) */
  --accent-ink:#14102b;

  /* Accent-adjacent brand hues */
  --blue:#60a5fa; --amber:#fbbf24;

  /* On-prem "vault" steel palette (cool, NOT violet) — kept for parity with the shared DS. */
  --onprem-bg:#0b1422;
  --onprem-bd:#3a4c66;
  --onprem-accent:#9fb6d6;
}

/* The DS hardcodes the primary CTA's text colour green (not a variable), so a non-green brand has to
   override the RULE, not just --accent (see memory: mypdf hit this first). */
.btn.primary{color:var(--accent-soft)}
.btn.primary:hover{color:#e4ddff}

/* Responsive video embed, same contract as the other product sites: wrap an iframe in
   <div class="video-embed"> and it fills the box at 16:9. The CMS rebuilds embedded iframes from a
   fixed template, so sizing has to live here. */
.video-embed{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#000}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}