@import "tailwindcss";

@custom-variant dark (&:where(.dark, .dark *));
@theme {
  --color-regal-blue: #243c5a; 
}

@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Libre+Caslon+Display&family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&family=Noto+Sans+JP:wght@100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

.theme-root.night {
  --bg: #1c1c1c;
  --surface: #252525;
  --surface2: #2a2a2a;
  --border: #363636;
  --border2: #ccc7be;
  --text: #ffffff;
  --muted: #d9d9d9;
  --dim: #b0aa9f;
  --navback: rgba(28, 28, 28, 0.8);
  --accent: #5389ff;
  --accent2:#1447b8;
  --green:#0eaf74;
  --amber:#ffd78e;
}

.section-head{display:flex;align-items:center;gap:10px;margin-bottom:1.8rem;}
.section-head h2{
  font-family:var(--ff-mono);font-size:0.72rem;font-weight:400;
  letter-spacing:0.25em;text-transform:uppercase;color:var(--muted);
  white-space:nowrap;
}
.section-head::after{content:'';flex:1;height:1px;background:var(--border);}

.exp-body{font-size:0.85rem;color:var(--muted);line-height:1.8;}

.libre-caslon-text-regular {
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
}

.libre-caslon-text-bold {
  font-family: "Libre Caslon Text", serif;
  font-weight: 700;
  font-style: normal;
}

.libre-caslon-text-regular-italic {
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: italic;
}

.rubik-400 {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}