@tailwind base;
@tailwind components;
@tailwind utilities;


/* Colour tokens (dark mode switches here) */
:root {
    --paper: #FFFFFF; --paper-alt: #F6F5F2; --ink: #2B2D31; --muted: #5C5F66;
    --line: #E3DFD5; --gold: #B09257; --gold-text: #86683A; --char: #2B2D31;
    --char-deep: #232529; --on-char: #F4F2EE; --on-char-muted: #B9BBC0; --gold-on-char: #CDB07A;
    color-scheme: light;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --paper: #1D1F22; --paper-alt: #222428; --ink: #ECEAE5; --muted: #A8ABB1;
      --line: #383B40; --gold: #C2A46D; --gold-text: #CDB07A; --char-deep: #26282C;
      color-scheme: dark;
    }
  }
/* 

 .hdr-short { display: none; }
  @media (max-width: 52rem) {
    .site-header { position: static !important; box-shadow: none !important; }
    .hdr-inner {
      width: calc(100% - 2.5rem) !important;
      min-height: 0 !important;
      flex-direction: column !important;
      justify-content: center !important;
      align-items: center !important;
      gap: 0.25rem !important;
      padding-block: 0.75rem !important;
    }
    .hdr-nav { display: flex !important; width: 100%; justify-content: space-between; gap: 0.25rem !important; font-size: 0.88rem !important; }
    .hdr-nav a { flex: 1; text-align: center; white-space: nowrap; padding-inline: 0.5rem !important; }
    .hdr-long { display: none; }
    .hdr-short { display: inline; }
  }

  
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }


  html {
    scroll-behavior: smooth;
  } */