/* Battalion Technologies — shared styles.
   Component styling lives inline on each page (ported from the Claude Design source).
   This file holds the base, hover/focus states and small utilities. */

html,body{margin:0;background:#0a0b0d;color:#ecedef;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
*{box-sizing:border-box}
body{font-family:'Geist',system-ui,sans-serif}
a{color:#ecedef;text-decoration:none}
input,select,textarea{font:inherit}
input::placeholder,textarea::placeholder{color:#5f636a}
::selection{background:oklch(0.82 0.11 210);color:#0a0b0d}
[hidden]{display:none!important}

.page{font-family:'Geist',system-ui,sans-serif;background:#0a0b0d;min-height:100vh;overflow-x:hidden}

/* Brand mark: the lion silhouette, filled with the accent colour via a mask */
.lion{aspect-ratio:854/796;flex-shrink:0;display:block;background:oklch(0.82 0.11 210);-webkit-mask:url(/assets/lion-mask.png) center/contain no-repeat;mask:url(/assets/lion-mask.png) center/contain no-repeat}

/* Hover / focus states (ported from style-hover / style-focus in the design) */
.nav-link{color:#9a9da3;transition:color .15s}
.nav-link:hover,.nav-link.is-active{color:#ecedef}

.btn-light{background:#ecedef;color:#0a0b0d;transition:background .15s}
.btn-light:hover{background:#ffffff;color:#0a0b0d}

.btn-primary{background:oklch(0.82 0.11 210);color:#0a0b0d;border:none;cursor:pointer;transition:background .15s}
.btn-primary:hover{background:oklch(0.88 0.09 210);color:#0a0b0d}

.btn-ghost{border:1px solid rgba(255,255,255,0.14);color:#ecedef;transition:border-color .15s}
.btn-ghost:hover{border-color:rgba(255,255,255,0.35);color:#ecedef}

.card-fb{border:1px solid oklch(0.82 0.11 210 / 0.3);color:#ecedef;transition:border-color .15s}
.card-fb:hover{border-color:oklch(0.82 0.11 210 / 0.6);color:#ecedef}

.card-gold{border:1px solid #e3ad3f55;color:#ecedef;transition:border-color .15s}
.card-gold:hover{border-color:#e3ad3faa;color:#ecedef}

.cell{background:#0a0b0d;transition:background .15s}
.cell:hover{background:#101215}

.link-accent{color:#ecedef;transition:color .15s}
.link-accent:hover{color:oklch(0.82 0.11 210)}

.chip{border:1px solid rgba(255,255,255,0.12);color:#ecedef;transition:border-color .15s}
.chip:hover{border-color:oklch(0.82 0.11 210);color:#ecedef}

.field{border:1px solid rgba(255,255,255,0.1);outline:none;transition:border-color .15s}
.field:focus{border-color:oklch(0.82 0.11 210)}

.mono{font-family:'Geist Mono',monospace}