/* CogniPage shared brand stylesheet — used by backend-rendered pages (admin, billing, etc.) */

/* ── Plus Jakarta Sans ──────────────────────────────────────────────────────── */
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; }
@font-face { font-family: "Plus Jakarta Sans"; src: url("/static/fonts/PlusJakartaSans-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; }

/* ── CSS custom properties ──────────────────────────────────────────────────── */
:root {
  --primary:   #3f496f;
  --secondary: #d0a9aa;
  --bg:        #f5f5f8;
  --fg:        #1e2340;
  --muted:     #6b7299;
  --surface:   #ffffff;
  --border:    #dde0e9;
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --primary:   #6675a5;
    --secondary: #d0a9aa;
    --bg:        #161b2e;
    --fg:        #e8eaf4;
    --muted:     #9099b8;
    --surface:   #1e2442;
    --border:    #2a3058;
  }
}

/* ── Reset & base ───────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: #ffffff; color: var(--fg); }

/* ── Utility classes ────────────────────────────────────────────────────────── */
.btn-primary {
  display: inline-block;
  padding: 0.6rem 1.25rem;
  background: var(--primary);
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}
.btn-primary:hover { filter: brightness(1.1); }

.brand-logo {
  height: 75px;
  width: auto;
}