/* Isometric Stack theme (int-theme-shortlist.html, theme 5). Loaded last on
   every page. Cool blue-grey paper, navy ink, one deep-blue accent, white
   cards on a soft border, bold display type. Light is the default mode; the
   homepage's isometric layer figure is the theme's centrepiece. */

/* Light palette from the mockup. */
[data-theme="light"] {
  --surface-page: #EEF0F6;
  --surface-card: #FFFFFF;
  --surface-raised: #E4E7F0;
  --surface-wash: rgba(22, 26, 46, 0.03);
  --border-subtle: #DDE0EA;
  --border-strong: #C7CBDB;
  --text-primary: #161A2E;
  --text-muted: #5B6178;
  --text-faint: #7E8499;
  --accent: #3343C3;
}

/* Soft, consistent corners: 10px on controls, 14px on cards and panels. */
:root {
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 14px;
  --radius-2xl: 14px;
  --radius-pill: 10px;
}

/* Bold display type. Headings carry inline weights, so this needs
   !important to win. */
h1 { font-weight: var(--weight-bold) !important; letter-spacing: -0.04em !important; }

/* Plain paper: no dot grid, no film grain. */
body::before, body::after { display: none; }

/* Buttons that set a 100px pill radius inline (the nav and homepage CTAs)
   follow the theme's 10px corner too. Round icon buttons (50%) stay round. */
[style*="border-radius: 100px"] { border-radius: var(--radius-pill) !important; }