/* aam-ui phase 1 (ui1): one palette as tokens, visible focus, skip link. Loaded after bundle.ui1.css. */
:root{
  --aam-primary:#1b2a3d;   /* navy */
  --aam-accent:#c2410c;    /* the one accent: 5.2:1 on white */
  --aam-accent-hover:#a8380a;
  --aam-bg:#f7f7f5;
  --aam-surface:#fff;
  --aam-text:#1f2937;
  --aam-text-2:#5b6472;    /* secondary text: 6.1:1 on white */
  --aam-gold-text:#8a6a2f;
  --aam-border:#e5e7eb;
  --aam-focus:#c2410c;
}
html.dark-mode{
  --aam-bg:#121212;--aam-surface:#1a2230;--aam-text:#e5e7eb;--aam-text-2:#aeb7c2;--aam-border:#374151;--aam-focus:#f59e62;
}

/* Skip link: hidden until it gets keyboard focus */
.aam-skip{position:absolute;top:-100px;right:12px;z-index:100000;background:var(--aam-primary);color:#fff!important;
  padding:10px 18px;border-radius:0 0 8px 8px;font-weight:700;font-size:15px;text-decoration:none!important}
.aam-skip:focus{top:0}
#main:focus{outline:none}

/* Visible focus for keyboard users everywhere (overrides the theme's outline:0) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,
summary:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,.btn:focus-visible{
  outline:3px solid var(--aam-focus)!important;outline-offset:2px!important}

/* Page background and body text from the tokens */
body{background-color:var(--aam-bg);color:var(--aam-text)}
html.dark-mode body{background-color:var(--aam-bg)!important}
/* Dark mode: inline accent text (style="color:#c2410c") is too dark on #121212, lift it to 6:1 */
html.dark-mode [style^="color:#c2410c"],html.dark-mode [style*=";color:#c2410c"],html.dark-mode [style*="; color:#c2410c"],
html.dark-mode [style^="color: #c2410c"],html.dark-mode [style*=";color: #c2410c"],html.dark-mode [style*="; color: #c2410c"]{color:#f59e62!important}
/* same for inline secondary grey, and the old inline #333 labels that were already unreadable in dark mode */
html.dark-mode [style*="color:#5b6472"],html.dark-mode [style*="color: #5b6472"]{color:#aeb7c2!important}
html.dark-mode [style*="color:#333"],html.dark-mode [style*="color: #333"]{color:#d0d0d0!important}
/* dark mode, existing bug: post dates in .post-date-dark lists were #111 on #1e1e1e */
html.dark-mode .post-date-dark li,html.dark-mode .post-date-dark li a{color:#aeb7c2!important}
/* dark mode, existing bug: article titles in cards (.title-medium-dark) and tags were #111/#444 on #1e1e1e */
html.dark-mode .title-medium-dark a,html.dark-mode .post-info-dark a{color:#e5e7eb!important}
html.dark-mode .blog-tags a{color:#d0d0d0!important}
html.dark-mode .title-medium-dark a:hover,html.dark-mode .blog-tags a:hover{color:#f59e62!important}

::placeholder{color:#6b7280}
html.dark-mode ::placeholder{color:#9aa4b2}