/*
  Barritec. Baseline stylesheet.
  Dark and light theme variables (toggled by theme.php cookie).
  Cormorant Garamond for headlines, Inter for body, champagne gold accent.
  Website developed by pressific.com Emily Park, Dileep C. Kaluaratchie and Tech Generation Ltd.
*/

:root {
  --ink:        #0a0a0a;
  --ink-2:      #111111;
  --cream:      #ece6d8;
  --cream-soft: rgba(236, 230, 216, 0.72);
  --muted:      #8a857c;
  --line:       rgba(236, 230, 216, 0.18);
  --gold:       #c9a96e;
  --gold-2:     #d8be88;
  --serif: "Cormorant Garamond", "Times New Roman", serif;
  --sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ease:  cubic-bezier(0.22, 0.61, 0.36, 1);
}

[data-theme="light"] {
  --ink:        #f5f1e8;
  --ink-2:      #ece6d6;
  --cream:      #15110c;
  --cream-soft: rgba(21, 17, 12, 0.74);
  --muted:      #6a6357;
  --line:       rgba(21, 17, 12, 0.20);
  --gold:       #8c6a1e;
  --gold-2:     #b0894a;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  background: var(--ink);
  color: var(--cream);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a { color: inherit; text-decoration: none; transition: color 0.3s var(--ease); }
::selection { background: var(--gold); color: var(--ink); }

.stage {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 80px 32px;
}
.content { text-align: center; max-width: 640px; }
.eyebrow {
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 28px;
}
.wordmark {
  font-family: var(--serif);
  font-weight: 300;
  font-size: clamp(2.6rem, 6vw, 4rem);
  line-height: 1.0;
  margin-bottom: 24px;
}
.tagline {
  font-family: var(--serif);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.2rem, 2vw, 1.6rem);
  color: var(--cream);
  margin-bottom: 24px;
}
.status {
  font-size: 0.9rem;
  color: var(--cream-soft);
}

.footer {
  border-top: 1px solid var(--line);
  padding: 40px 32px;
  text-align: center;
  color: var(--cream-soft);
}
.footer__brand {
  font-family: var(--serif);
  font-size: 1.2rem;
  color: var(--cream);
  margin-bottom: 6px;
}
.footer__copy {
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}
.footer__credit {
  font-size: 0.72rem;
  color: var(--muted);
}
.footer__credit a {
  color: var(--cream-soft);
  border-bottom: 1px solid var(--line);
  padding-bottom: 1px;
}
.footer__credit a:hover { color: var(--gold); border-bottom-color: var(--gold); }