/* Sedona Equity Group — shared theme
   Palette: Sedona Night */

:root {
  --se-ink:        #0B0706;
  --se-ink-soft:   #150C0A;
  --se-ink-panel:  #1E110D;
  --se-ink-card:   #241612;
  --se-hairline:   rgba(232, 220, 201, .10);
  --se-hairline-strong: rgba(232, 220, 201, .18);

  --se-rust:       #B85440;
  --se-rust-deep:  #8B3A2A;
  --se-ember:      #D26849;
  --se-sun:        #E68A4F;

  --se-sand:       #E8DCC9;
  --se-sand-mute:  #B8A892;
  --se-ash:        #7A6A5A;

  --se-success:    #7FBF6F;
  --se-warn:       #C79A3A;
  --se-error:      #E0594A;

  --se-shadow-lg:  0 30px 80px rgba(0,0,0,.5);
  --se-shadow-md:  0 14px 36px rgba(184,84,64,.25);

  --se-radius:     12px;

  --se-serif:      'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --se-display:    'Fraunces', 'Cormorant Garamond', Georgia, serif;
  --se-sans:       'Manrope', 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --se-mono:       ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
}

* { box-sizing: border-box; }
html, body {
  margin: 0; padding: 0;
  background: var(--se-ink);
  color: var(--se-sand);
  font-family: var(--se-sans);
  font-size: 16px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

/* utility helpers ---------------------------------------------------- */
.se-display    { font-family: var(--se-display); font-optical-sizing: auto; letter-spacing: -.01em; }
.se-serif      { font-family: var(--se-serif); }
.se-sans       { font-family: var(--se-sans); }
.se-mono       { font-family: var(--se-mono); }
.se-eyebrow    { font-family: var(--se-sans); font-weight: 500; letter-spacing: .26em;
                 text-transform: uppercase; font-size: 11px; color: var(--se-sand-mute); }
/* Emphasis spans — used inside headlines like "Equity, <span class='se-em'>elevated.</span>"
   Forced to Cormorant Garamond italic (more readable than Fraunces italic) +
   ember color for visual lift. */
.se-em {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-style: italic;
  font-weight: 500;
  color: var(--se-ember);
  letter-spacing: -.005em;
}
.se-muted      { color: var(--se-sand-mute); }
.se-ash        { color: var(--se-ash); }
.se-sr         { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
                 overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* status pill -------------------------------------------------------- */
.se-pill {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 14px 7px 11px;
  border: 1px solid rgba(210, 104, 73, .45);
  background: rgba(210, 104, 73, .06);
  backdrop-filter: blur(6px);
  border-radius: 999px;
  font-family: var(--se-sans); font-weight: 500;
  font-size: 10px; letter-spacing: .18em; text-transform: uppercase;
  color: var(--se-sand); white-space: nowrap;
}
.se-pill::before {
  content: ''; width: 7px; height: 7px; border-radius: 99px;
  background: var(--se-ember);
  box-shadow: 0 0 12px var(--se-ember);
  animation: se-pulse 2.4s ease-in-out infinite;
}

/* buttons ------------------------------------------------------------ */
.se-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 12px;
  padding: 16px 28px;
  border: none;
  border-radius: 999px;
  font-family: var(--se-sans); font-weight: 600; font-size: 14px;
  letter-spacing: .02em; cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
  text-decoration: none;
}
.se-btn:active { transform: translateY(1px); }
.se-btn[disabled], .se-btn[aria-disabled="true"] {
  opacity: .5; cursor: not-allowed; pointer-events: none;
}
.se-btn--primary {
  background: linear-gradient(135deg, var(--se-rust) 0%, var(--se-ember) 100%);
  color: var(--se-ink);
  box-shadow: 0 20px 50px rgba(210,104,73,.35),
              inset 0 1px 0 rgba(255,255,255,.25);
}
.se-btn--primary:hover {
  box-shadow: 0 24px 60px rgba(210,104,73,.45),
              inset 0 1px 0 rgba(255,255,255,.3);
  transform: translateY(-1px);
}
.se-btn--ghost {
  background: transparent;
  border: 1px solid var(--se-hairline-strong);
  color: var(--se-sand-mute);
  padding: 14px 22px;
}
.se-btn--ghost:hover {
  border-color: var(--se-ember);
  color: var(--se-sand);
  background: rgba(184,84,64,.06);
}
.se-btn--sm { padding: 10px 18px; font-size: 12px; }

/* shared decorations ------------------------------------------------- */
.se-hairline { height: 1px; background: var(--se-hairline);
               background: linear-gradient(90deg, transparent, var(--se-hairline-strong), transparent); }
.se-hairline-v { width: 1px; background: var(--se-hairline); }

/* animations --------------------------------------------------------- */
@keyframes se-pulse  { 0%,100% { opacity: .6 } 50% { opacity: 1 } }
@keyframes se-drift  { 0%,100% { transform: translate3d(0,0,0) } 50% { transform: translate3d(0,-6px,0) } }
@keyframes se-spin   { to { transform: rotate(360deg) } }
@keyframes se-fade-in{ from { opacity: 0; transform: translateY(8px) } to { opacity: 1; transform: none } }
.se-drift  { animation: se-drift 7s ease-in-out infinite; }
.se-fade-in{ animation: se-fade-in .45s ease-out both; }

/* basic input reset (form-specific styles live in form.css) ---------- */
input, select, textarea {
  font: inherit; color: inherit;
  background: transparent;
  border: none; outline: none;
}
input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(.7) sepia(1) saturate(4) hue-rotate(-15deg); cursor: pointer; }

/* scrollbar (subtle) ------------------------------------------------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--se-ink); }
::-webkit-scrollbar-thumb { background: rgba(184,84,64,.25); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: rgba(184,84,64,.5); }