/* aura PWA — self-contained brand tokens (subset of CONQUERing DS) */
@font-face { font-family:"Gotham"; src:url("./fonts/Gotham-Book.otf") format("opentype"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Gotham"; src:url("./fonts/Gotham-Bold.otf") format("opentype"); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"Gotham"; src:url("./fonts/Gotham-BoldItalic.otf") format("opentype"); font-weight:700; font-style:italic; font-display:swap; }
@font-face { font-family:"Something Basic"; src:url("./fonts/SomethingBasic.otf") format("opentype"), url("./fonts/SomethingBasic.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap; }

:root {
  --font-sans: "Gotham", -apple-system, system-ui, sans-serif;
  --font-script: "Something Basic", "Segoe Script", cursive;
  --berry-700: #840B55;
  --berry-050: #FCF2F8;
  --ink: #221A1F;
  --paper: #FFFFFF;
  --slate-500: #75899A;
  --slate-400: #9AAAB7;
  --line: #E7DEE5;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body {
  font-family: var(--font-sans);
  background: #F4EEF3;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior-y: none;
}
input { font-family: var(--font-sans); }
.aura-fs input::placeholder { color: var(--slate-400); }

/* animations (from the DC) */
@keyframes auraCardIn { from { transform: translateY(16px) scale(0.96); } to { transform: none; } }
.aura-cardin { animation: auraCardIn 0.5s cubic-bezier(0.16,1,0.3,1) both; }
@keyframes auraSpin { to { transform: rotate(360deg); } }
.aura-spin { animation: auraSpin 1.1s linear infinite; }
@keyframes auraToastIn { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.aura-toast { animation: auraToastIn 0.32s cubic-bezier(0.16,1,0.3,1) both; }
@keyframes auraSheetIn { from { transform: translateY(100%); } to { transform: none; } }
.aura-sheet { animation: auraSheetIn 0.36s cubic-bezier(0.16,1,0.3,1) both; }
@keyframes auraFadeIn { from { opacity: 0; } to { opacity: 1; } }
.aura-backdrop { animation: auraFadeIn 0.22s ease both; }
input[type="time"] { -webkit-appearance: none; }

/* splash while app boots */
#boot {
  position: fixed; inset: 0; z-index: 999;
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 18px;
  padding-top: 20vh; box-sizing: border-box;
  background: linear-gradient(160deg, #840B55 0%, #7B4A6E 52%, #425563 100%);
  color: #fff; transition: opacity 0.4s ease;
}
#boot.hide { opacity: 0; pointer-events: none; }
#boot .sphere {
  width: 120px; height: 120px; border-radius: 999px;
  display: block;
}
#boot .name { font-family: var(--font-script); font-size: 62px; line-height: 1; }
#boot .name-row { display: flex; flex-direction: column; align-items: center; gap: 10px; }
#boot .by { font-family: var(--font-sans); font-weight: 400; font-size: 15px; opacity: 0.65; letter-spacing: 0.04em; margin-top: 6px; }
#boot .by-text { font-family: var(--font-sans); font-weight: 400; font-size: 24px; letter-spacing: -0.01em; opacity: 0.98; }
#boot .tagline { font-family: var(--font-sans); font-weight: 400; font-size: 18px; letter-spacing: 0.01em; opacity: 0.92; margin-top: 40px; max-width: 300px; text-align: center; line-height: 1.4; }
#boot .mark { font-family: var(--font-sans); font-weight: 400; font-size: 12px; letter-spacing: 0.02em; opacity: 0.8; margin-top: -6px; }
#boot .sub { font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase; opacity: 0.7; font-weight: 700; }