/*
Theme Name: Amino Flux Coming Soon
Theme URI: https://aminoflux.com/
Author: Amino Flux
Author URI: https://aminoflux.com/
Description: A lightweight Coming Soon theme with a fullscreen background video and logo overlay.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amino-flux-coming-soon
Tags: one-column, accessibility-ready, responsive-layout
*/
/* 
:root{
  
  --afcs-green: #9ad35b;
  --afcs-blue: #2f73d6;
} */
:root{
	--afcs-overlay: rgba(0,0,0,0.60);
  --afcs-green:#9ad35b;
  --afcs-blue:#2f73d6;
}
.card,
.card p,
.card .footer{
  color: var(--afcs-green);
}

html, body{
  height:100%;
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:#000;
  color:#fff;
}

.wrap{
  position:relative;
  min-height:100vh;
  overflow:hidden;
}

video.bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

.overlay{
  position:absolute;
  inset:0;
  background:var(--afcs-overlay);
  z-index:1;
}

.content{
  position:relative;
  z-index:2;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  text-align:center;
}

.card{
  max-width:760px;
  width:100%;
}

.logo{
  width:180px;
  max-width:70vw;
  margin:0 auto 22px;
  display:block;
  filter: drop-shadow(0 12px 26px rgba(0,0,0,0.55));
}

.badge{
  display:inline-block;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.22);
  background: rgba(0,0,0,0.35);
  margin-bottom:18px;
  backdrop-filter: blur(10px);
}

.accent{ color: var(--afcs-accent); }

h1{
  margin:0 0 10px;
  font-size: clamp(30px, 4vw, 46px);
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

p{
  margin:0 0 18px;
  font-size: clamp(16px, 2vw, 18px);
  opacity:0.9;
  line-height:1.6;
}

.footer{
  margin-top:16px;
  font-size:14px;
  opacity:0.75;
}

a, a:visited{
  color:#fff;
  text-decoration: underline;
  text-decoration-color: rgba(255,255,255,0.35);
}
a:hover{
  text-decoration-color: rgba(255,255,255,0.85);
}