:root{
    --blue-deep:#8A4A2E;
    --blue-mid:#C97B4C;
    --cyan:#FBEAD9;
    --lavender:#F5E6D3;
    --ink:#3A2E27;
    --ink-soft:#8A7565;
    --line:#EDDCC7;
    --paper:#FFFCF9;
  }
  *{box-sizing:border-box;}
  body{
    font-family:'IBM Plex Sans',sans-serif;
    color:var(--ink);
    background:linear-gradient(180deg,#FBF1E4 0%,#FFFFFF 320px);
  }
  h1,h2,h3,.font-head{font-family:'Libre Baskerville',serif;}
  .hairline{border-color:var(--line);}
  .btn-primary{background:var(--blue-deep);color:#fff;}
  .btn-primary:hover{background:#6E3821;}
  .btn-outline{border:1px solid var(--blue-deep);color:var(--blue-deep);}
  .btn-outline:hover{background:var(--lavender);}
  .tag-main{background:var(--cyan);color:var(--blue-deep);}
  .tag-support{background:var(--lavender);color:#6B4A36;}
  .tag-custom{background:#fff;color:var(--ink-soft);border:1px solid var(--line);}
  .focus-ring:focus-visible{outline:2px solid var(--blue-deep);outline-offset:2px;}
  ::selection{background:var(--cyan);}
  .row-hover:hover{background:#FDF8F2;}