:root {
  --tga-bg:           #f1f5f9;
  --tga-surface:      #ffffff;
  --tga-surface-2:    #f8fafc;
  --tga-border:       #e2e8f0;
  --tga-text:         #1e293b;
  --tga-text-dim:     #64748b;
  --tga-text-faint:   #94a3b8;
  --tga-accent:       #0d7377;
  --tga-accent-dim:   #14919b;
  --tga-accent-ink:   #ffffff;
  --tga-danger:       #ef4444;
  --tga-success:      #10b981;
}

body {
  background:
    radial-gradient(ellipse 700px 500px at 50% 30%, rgba(13, 115, 119, 0.05), transparent 60%),
    linear-gradient(180deg, #ffffff 0%, var(--tga-bg) 100%);
  color: var(--tga-text);
}

body::before { display: none; }

.card {
  box-shadow:
    0 1px 0 rgba(0,0,0,0.02) inset,
    0 12px 32px -16px rgba(15, 23, 42, 0.18),
    0 4px 12px -8px rgba(15, 23, 42, 0.10);
}

button:hover               { background: var(--tga-accent-dim); }
input:focus                { box-shadow: 0 0 0 2px rgba(13, 115, 119, 0.18); }
.webauthn-btn:hover        { background: rgba(13, 115, 119, 0.08); }
.method-choice button:hover{ background: rgba(13, 115, 119, 0.06); }
.portal-card:hover         { box-shadow: 0 6px 20px -10px rgba(13, 115, 119, 0.30); }