:root{
  --color-primary:#164E63;
  --color-primary-hover:#123B52;
  --color-interactive:#0E7490;
  --color-accent:#F2B84B;
  --color-bg:#F7F8F6;
  --color-surface:#FFFFFF;
  --color-surface-soft:#EAF2F2;
  --color-border:#D9E0DE;
  --color-text:#172126;
  --color-text-muted:#617078;
  --color-danger:#B42318;
  --ink:var(--color-text);
  --muted:var(--color-text-muted);
  --paper:var(--color-bg);
  --surface:var(--color-surface-soft);
  --line:var(--color-border);
  --green:var(--color-primary);
  --green-dark:var(--color-primary-hover);
  --yellow:var(--color-accent);
  --red:var(--color-danger);
  --radius:12px;
  --shadow:0 16px 40px rgba(18,59,82,.10);
}

body{background:var(--color-bg);color:var(--color-text)}
a{color:var(--color-interactive);text-decoration-thickness:1px}
button,.button{border-radius:9px;background:var(--color-primary);font-weight:800;letter-spacing:-.01em}
button:hover,.button:hover{background:var(--color-primary-hover)}
.button.secondary{background:var(--color-text)}
.share-buttons a{gap:.45rem}
.share-icon{display:block;width:1.125rem;height:1.125rem;flex:0 0 auto}
.share-buttons .share-icon--whatsapp,.notice-share-whatsapp .share-icon--whatsapp{color:#25D366}
.share-buttons .share-icon--facebook{color:#1877F2}
.eyebrow{color:var(--color-interactive);font-size:.72rem;letter-spacing:.13em}
.announcement{background:var(--color-accent);color:var(--color-text)}
.site-header{border-bottom:1px solid rgba(97,112,120,.22);background:rgba(247,248,246,.94);box-shadow:none}
.brand{color:var(--color-text)}
.brand-copy strong{letter-spacing:-.035em}
.site-menu>summary{border-color:var(--color-border);border-radius:9px;background:var(--color-surface);color:var(--color-text)}
.site-menu-panel{border-color:var(--color-border);border-radius:12px;background:var(--color-surface)}
.site-menu nav a{color:var(--color-text)}
.header-search input{border-color:var(--color-border);background:var(--color-surface)}
.notice-card,.card,.notice-filters,.source-box{border-color:var(--color-border);background:var(--color-surface)}
.filter-actions a{white-space:nowrap;overflow-wrap:normal;flex:0 0 auto}
.badge{background:var(--color-surface-soft);color:var(--color-primary-hover)}
.status{background:#FFF1C9;color:#614800}
.notice-tags span{border-color:var(--color-border);background:transparent;color:var(--color-text-muted)}
.summary{background:var(--color-surface-soft)}
.action{border-left-color:var(--color-accent);background:#FFF7DF}
.promotion{border-color:#E5D29A;background:#FFF8E5}
.site-footer{border-top-color:var(--color-border);background:#EEF2F0}
:where(a,button,input,select,textarea,summary):focus-visible{outline-color:var(--color-text);box-shadow:0 0 0 2px var(--color-surface)}

@media(min-width:860px){
  .site-menu nav a{position:relative}
  .site-menu nav a::after{content:"";position:absolute;right:0;bottom:5px;left:0;height:2px;transform:scaleX(0);transform-origin:left;background:var(--color-accent);transition:transform .18s ease}
  .site-menu nav a:hover::after,.site-menu nav a:focus-visible::after{transform:scaleX(1)}
}
