/* Smart Safe Room — shared brand styles (navy/brass, matching the Inovexa AI proposal) */

:root {
  --ssr-navy: #1B2A4A;
  --ssr-navy-dark: #10192E;
  --ssr-brass: #B08D57;
  --ssr-brass-light: #E8DCC8;
  --ssr-cream: #F4F1EA;
}

.ssr-bg {
  min-height: 100vh;
  background-color: var(--ssr-cream);
  background-image:
    radial-gradient(circle at 15% 10%, rgba(176,141,87,0.08) 0%, transparent 45%),
    radial-gradient(circle at 85% 90%, rgba(27,42,74,0.06) 0%, transparent 45%),
    linear-gradient(180deg, #FAF8F3 0%, #F4F1EA 100%);
  background-attachment: fixed;
}

.ssr-bg-dark {
  min-height: 100vh;
  background-color: var(--ssr-navy-dark);
  background-image:
    radial-gradient(circle at 20% 20%, rgba(176,141,87,0.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(27,42,74,0.4) 0%, transparent 50%),
    linear-gradient(160deg, #1B2A4A 0%, #10192E 100%);
  background-attachment: fixed;
}

.ssr-header {
  background: var(--ssr-navy);
  border-bottom: 3px solid var(--ssr-brass);
}

.ssr-card {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 4px 24px rgba(27,42,74,0.08), 0 1px 4px rgba(27,42,74,0.06);
}

.ssr-brand-text { color: var(--ssr-navy); }
.ssr-accent-text { color: var(--ssr-brass); }
.ssr-btn-primary {
  background: var(--ssr-navy);
  color: #fff;
  transition: background 0.15s ease;
}
.ssr-btn-primary:hover { background: var(--ssr-navy-dark); }