/*
  Parokhet page skin: landing, auth cards, downloads. Loaded on top of the active theme
  (see theme-parokhet-light.css / -dark.css for the chrome tokens). Hand-drawn inline-SVG
  brand marks for the social providers; no vendor glyphs, no decorative mascots, no
  eyebrow text.
*/

:root {
  --pk-brass: #a97f2f;
  --pk-brass-strong: #8a6524;
  --pk-line: #e3e6ee;
  --pk-line2: #d3d7e2;
  --pk-ink: #171a21;
  --pk-mut: #5b6274;
  --pk-dim: #8a8fa3;
  --pk-surface: #ffffff;
  --pk-surface2: #eef0f4;
}
.theme-parokhet-dark {
  --pk-brass: #c8a15a;
  --pk-brass-strong: #e0be7c;
  --pk-line: #232739;
  --pk-line2: #2c3149;
  --pk-ink: #e9eaf2;
  --pk-mut: #9aa0b8;
  --pk-dim: #6b7191;
  --pk-surface: #161926;
  --pk-surface2: #10131c;
}

/* veil backdrop: fine vertical brass threads, structure not decoration */
.pk-veil {
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background:
    repeating-linear-gradient(90deg, rgba(169,127,47,.05) 0 1px, transparent 1px 120px),
    radial-gradient(70% 55% at 50% 0%, rgba(169,127,47,.06), transparent 70%);
}
.theme-parokhet-dark .pk-veil {
  background:
    repeating-linear-gradient(90deg, rgba(200,161,90,.05) 0 1px, transparent 1px 120px),
    radial-gradient(70% 55% at 50% 0%, rgba(200,161,90,.07), transparent 70%);
}

.parokhet-landing { position: relative; }

/* brand wordmark in the navbar */
.parokhet-brand { display: flex; align-items: center; gap: 9px; }
.parokhet-word { font-weight: 700; letter-spacing: .01em; font-size: 15.5px; color: var(--color-text); }

/* hero */
.pk-hero { position: relative; text-align: center; padding: 72px 24px 20px; }
.pk-hero-mark { display: block; margin: 0 auto 18px; }
.pk-hero-title { font-size: 50px; line-height: 1.05; letter-spacing: -.03em; margin: 0 0 16px; color: var(--pk-ink); font-weight: 700; }
.pk-brass { color: var(--pk-brass); }
.pk-hero-sub { color: var(--pk-mut); font-size: 17px; max-width: 640px; margin: 0 auto 26px; line-height: 1.6; }
.pk-cta { display: flex; gap: 12px; justify-content: center; margin-bottom: 24px; }
.pk-btn-primary, .ui.primary.button.pk-btn-primary { background: var(--pk-brass) !important; color: #fff !important; border-radius: 9px; padding: 12px 22px; font-weight: 600; }
.pk-btn-primary:hover { background: var(--pk-brass-strong) !important; }
.pk-btn-ghost { background: var(--pk-surface) !important; color: var(--pk-ink) !important; border: 1px solid var(--pk-line2) !important; border-radius: 9px; padding: 12px 22px; }
.pk-btn-ghost:hover { border-color: var(--pk-brass) !important; }
.pk-clone { display: inline-flex; align-items: center; gap: 10px; background: var(--pk-surface); border: 1px solid var(--pk-line2); border-radius: 10px; padding: 10px 16px; }
.pk-clone code { font-family: ui-monospace, "SF Mono", Menlo, monospace; font-size: 13.5px; color: var(--pk-brass-strong); }

/* feature grid */
.pk-feats { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 1020px; margin: 40px auto 0; padding: 0 24px 60px; }
.pk-feat { background: var(--pk-surface); border: 1px solid var(--pk-line); border-radius: 12px; padding: 20px; }
.pk-feat h3 { margin: 0 0 8px; font-size: 15px; color: var(--pk-ink); }
.pk-feat p { margin: 0; color: var(--pk-mut); font-size: 13.5px; line-height: 1.55; }
@media (max-width: 880px) { .pk-feats { grid-template-columns: 1fr; } .pk-hero-title { font-size: 38px; } }

/* auth card */
.pk-auth { position: relative; max-width: 420px; margin: 0 auto; padding: 48px 20px; z-index: 1; }
.pk-auth-card { background: var(--pk-surface); border: 1px solid var(--pk-line2); border-radius: 14px; padding: 28px; box-shadow: 0 16px 40px rgba(23,26,33,.07); }
.pk-auth-mark { display: block; margin: 0 auto 14px; }
.pk-auth-title { text-align: center; font-size: 20px; letter-spacing: -.01em; margin: 0 0 6px; color: var(--pk-ink); }
.pk-auth-sub { text-align: center; color: var(--pk-mut); font-size: 13px; margin: 0 0 20px; }
.pk-auth .ui.form input { background: var(--pk-surface); border: 1px solid var(--pk-line2); border-radius: 10px; color: var(--pk-ink); padding: 10px 12px; }
.pk-auth .ui.form input:focus { border-color: var(--pk-brass); box-shadow: 0 0 0 3px rgba(169,127,47,.18); }
.pk-btn-block { width: 100%; border-radius: 999px !important; padding: 12px !important; }
.pk-auth-alt { margin-top: 16px; text-align: center; font-size: 13px; color: var(--pk-mut); display: grid; gap: 5px; }
.pk-auth-alt a { font-weight: 600; }

/* social buttons: hand-drawn brand marks via inline SVG data-URI, keyed on provider */
.pk-social { display: grid; gap: 8px; margin-bottom: 4px; }
.pk-socbtn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; background: var(--pk-surface); border: 1px solid var(--pk-line2);
  border-radius: 999px; padding: 10px 14px; font-weight: 500; font-size: 13.5px;
  color: var(--pk-ink) !important; cursor: pointer; text-decoration: none !important;
  background-repeat: no-repeat; background-position: 18px center; background-size: 17px 17px;
}
.pk-socbtn:hover { background-color: var(--pk-surface2); }
.pk-socbtn span { margin-left: 4px; }
/* the engine renders its own provider icon svg inside the link; hide it, we use our mark */
.pk-socbtn svg { display: none !important; }
/* the single-Sign-On button: Parokhet veil mark, no vendor glyph */
.pk-socbtn-sso { justify-content: center; }
.pk-socbtn-mark { display: inline-block !important; flex: 0 0 auto; }
.pk-socbtn.google {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18"><path fill="%234285F4" d="M17.64 9.2c0-.64-.06-1.25-.16-1.84H9v3.48h4.84a4.14 4.14 0 0 1-1.8 2.72v2.26h2.92c1.7-1.57 2.68-3.88 2.68-6.62Z"/><path fill="%2334A853" d="M9 18c2.43 0 4.47-.8 5.96-2.18l-2.92-2.26c-.8.54-1.84.86-3.04.86-2.34 0-4.32-1.58-5.02-3.7H.96v2.34A9 9 0 0 0 9 18Z"/><path fill="%23FBBC05" d="M3.98 10.72a5.4 5.4 0 0 1 0-3.44V4.94H.96a9 9 0 0 0 0 8.12l3.02-2.34Z"/><path fill="%23EA4335" d="M9 3.58c1.32 0 2.5.46 3.44 1.35l2.58-2.58C13.46.9 11.43 0 9 0A9 9 0 0 0 .96 4.94l3.02 2.34C4.68 5.16 6.66 3.58 9 3.58Z"/></svg>');
}
.pk-socbtn.microsoft {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21 21"><rect x="1" y="1" width="9" height="9" fill="%23F25022"/><rect x="11" y="1" width="9" height="9" fill="%237FBA00"/><rect x="1" y="11" width="9" height="9" fill="%2300A4EF"/><rect x="11" y="11" width="9" height="9" fill="%23FFB900"/></svg>');
}
.pk-socbtn.apple {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23171a21" d="M318.7 268c-.2-37 16.6-65 50.6-85.5-19-27.2-47.7-42.2-85.6-45.1-36-2.8-75.4 21-89.8 21-15.2 0-50.1-20-77.5-20C61.4 138.7 0 184.5 0 277.9c0 27.6 5 56.1 15.1 85.5 13.5 38.7 62.2 133.6 113 132 26.6-.6 45.4-18.9 80-18.9 33.6 0 51 18.9 80.6 18.9 51.2-.7 95.3-87 108.2-125.8-68.7-32.4-65.2-94.9-65.2-96.6zM258.3 90.4c29.1-34.5 26.5-66 25.6-77.3-25.7 1.5-55.4 17.5-72.4 37.2-18.7 21.2-29.7 47.4-27.3 75.9 27.7 2.1 53-12.1 74.1-35.8z"/></svg>');
}
.theme-parokhet-dark .pk-socbtn.apple {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23e9eaf2" d="M318.7 268c-.2-37 16.6-65 50.6-85.5-19-27.2-47.7-42.2-85.6-45.1-36-2.8-75.4 21-89.8 21-15.2 0-50.1-20-77.5-20C61.4 138.7 0 184.5 0 277.9c0 27.6 5 56.1 15.1 85.5 13.5 38.7 62.2 133.6 113 132 26.6-.6 45.4-18.9 80-18.9 33.6 0 51 18.9 80.6 18.9 51.2-.7 95.3-87 108.2-125.8-68.7-32.4-65.2-94.9-65.2-96.6zM258.3 90.4c29.1-34.5 26.5-66 25.6-77.3-25.7 1.5-55.4 17.5-72.4 37.2-18.7 21.2-29.7 47.4-27.3 75.9 27.7 2.1 53-12.1 74.1-35.8z"/></svg>');
}