/* Candidate design foundations. Reference: 25d882d4e48f0ddff133c6d9e0fee7fce420e8f8.
 * Final values are extracted from particle-solid, welcome-light, profile-light,
 * particle-login, section-navigation and particle-theory-theme; earlier glossy
 * experiments are deliberately not dependencies. Geometry belongs to consumers.
 * Both explicit attributes are required: shared recruiter templates cannot opt
 * in accidentally. Each production screen opts in in its integration batch.
 */
body[data-candidate-design="true"][data-account-type="candidate"] {
  --cd-font: 'Afacad Flux', sans-serif;
  --cd-motion-duration: 160ms;
  --cd-press-duration: 60ms;
  --cd-hover-transform: translateY(-1px);
  --cd-page: #020818;
  --cd-text: #edf2fa;
  --cd-secondary: #b2bed2;
  --cd-muted: #9cadc6;
  --cd-focus: #619cff;
  --cd-border: #1b273b;
  --cd-face: linear-gradient(180deg, #071020 0%, #020818 16%, #020818 84%, #010613 100%);
  --cd-card-turn: inset 0 7px 11px -5px #26395199, inset 7px 0 11px -6px #26395180, inset -6px 0 10px -5px #14243c80, inset 0 -8px 9px -3px #00030ecc;
  --cd-card-contact: 0 5px 4px -2px #00040ef2, 0 8px 9px -4px #00030dd9;
  --cd-card-hover: 0 6px 5px -2px #00040ef2, 0 9px 10px -4px #00030dd9;
  --cd-card-pressed: 0 2px 3px -1px #000410b3;
  --cd-card-pressed-turn: var(--cd-card-turn);
  --cd-reading: linear-gradient(180deg, #071020 0, #020818 22px, #020818 calc(100% - 14px), #010613 100%);
  --cd-reading-depth: inset 0 4px 8px -4px #26395170, inset 4px 0 8px -5px #26395155, inset -4px 0 8px -5px #14243c66, inset 0 -5px 7px -3px #00030eaa, 0 4px 6px -3px #00030dd9;
  --cd-enamel: linear-gradient(180deg, #dceaf2 0%, #dceaf2 72%, #bdd7e7 100%);
  --cd-enamel-ink: #07162b;
  --cd-enamel-turn: inset 4px 5px 9px -5px #dceaf2, inset -4px -5px 7px -3px #6c8ca799, inset 0 -2px 2px -1px #46698366;
  --cd-auth-utility-turn: inset 0 -3px 5px -3px #46698380, inset 3px 0 5px -4px #6c8ca766;
  --cd-control-turn: inset 0 4px 7px -3px #26395180, inset 4px 0 7px -4px #26395166, inset -3px 0 6px -3px #14243c66, inset 0 -4px 5px -2px #00030ecc;
  --cd-surface-inset: inset 0 2px 4px #00030ecc, inset 1px 0 3px #00030b66;
  --cd-control-contact: 0 3px 4px -2px #00040ee6;
  --cd-control-hover: 0 4px 5px -2px #00040ee6;
  --cd-control-pressed: inset 0 2px 4px #46698355, inset 0 -1px 2px #6c8ca744, 0 1px 2px -1px #00041099;
  --cd-auth-pressed: inset 0 1px 3px #00030b66, 0 1px 2px -1px #00041099;
  --cd-field: #0d1b2c;
  --cd-field-focus: #122238;
  --cd-field-border: transparent;
  --cd-placeholder-ink: #a6b4c9;
  --cd-placeholder-opacity: 1;
  --cd-inset: inset 0 7px 11px -6px #00071080, inset 4px 0 8px -6px #00071050, inset -4px 0 8px -6px #00071050;
  --cd-field-focus-depth: inset 0 8px 12px -5px #00071099, inset 5px 0 9px -5px #00071070, inset -5px 0 9px -5px #00071070;
  --cd-selected: #0c172a;
  --cd-disabled: #020818;
  --cd-disabled-text: #8996ac;
  --cd-disabled-shadow: inset 0 0 0 1px var(--cd-border);
  --cd-danger: #f0a2ac;
  --cd-danger-disabled: #a97e88;
  --cd-error-shadow: var(--cd-inset);
  --cd-danger-face: var(--cd-face);
  --cd-danger-depth: var(--cd-control-turn);
  --cd-nav-face: #063f47;
  --cd-nav-shoulder: #126873;
  --cd-nav-edge: #001c23cc;
  --cd-nav-underturn: #032a32;
  --cd-nav-ink: #d1dbe8;
  --dropdown-surface: #0b1628;
  --dropdown-border: #1b273b;
  --dropdown-divider: #1b273b;
  --dropdown-option-hover: #202f45;
  --dropdown-option-selected: linear-gradient(180deg, #eaf3fb 0%, #dceaf2 72%, #bdd7e7 100%);
  --cd-popup-ink: #f3f6fc;
  --cd-popup-muted: #a9bad1;
  --cd-popup-selected-ink: #071d64;
  --cd-popup-depth: inset 3px 4px 8px -5px #3d526d66, inset -3px -5px 8px -4px #020818aa, 0 5px 8px -3px #00071499;
  --cd-popup-selected-depth: var(--cd-enamel-turn), var(--cd-control-contact);
  --cd-popup-focus: #90b9ee;
  background: var(--cd-page);
  /* Theme ink and its canvas must change together; interpolating only the
     background briefly puts dark ink on a dark canvas (and vice versa). */
  transition: none;
  color: var(--cd-text);
  color-scheme: dark;
  font-family: var(--cd-font);
}

html[data-theme="light"] body[data-candidate-design="true"][data-account-type="candidate"] {
  --cd-page: #fcf6ed;
  --cd-text: #17266b;
  --cd-secondary: #17266b;
  --cd-muted: #536087;
  --cd-focus: #163fe0;
  --cd-border: #c5bdb1;
  --cd-face: linear-gradient(145deg, #fffaf3 0%, #fcf6ed 56%, #f6efe4 100%);
  --cd-card-turn: inset 6px 7px 12px -6px #fffdf8, inset -6px -8px 10px -6px #aaa69c88;
  --cd-card-contact: 0 4px 4px -2px #77746c55, 0 7px 9px -5px #77746c66;
  --cd-card-hover: 0 5px 5px -2px #77746c55, 0 8px 10px -5px #77746c66;
  --cd-card-pressed: inset 0 2px 4px #aaa59a33, 0 1px 2px #77746c33;
  --cd-card-pressed-turn: var(--cd-enamel-turn);
  --cd-reading: linear-gradient(145deg, #fffaf3, #fcf6ed 65%, #f8f1e7);
  --cd-reading-depth: inset 2px 2px 5px -3px #fffdf8, inset -2px -3px 5px -3px #b6b0a5, 0 3px 5px -3px #77746c66;
  --cd-enamel: var(--cd-face);
  --cd-enamel-ink: #17266b;
  --cd-enamel-turn: inset 4px 5px 9px -5px #fffdf8, inset -4px -5px 7px -4px #b6b0a5;
  --cd-auth-utility-turn: var(--cd-enamel-turn);
  --cd-control-turn: var(--cd-enamel-turn);
  --cd-surface-inset: var(--cd-card-pressed);
  --cd-control-contact: var(--cd-card-contact);
  --cd-control-hover: var(--cd-card-contact);
  --cd-control-pressed: var(--cd-card-pressed);
  --cd-auth-pressed: var(--cd-card-pressed);
  --cd-field: #f5eee5;
  --cd-field-focus: #f0e7da;
  --cd-placeholder-ink: #626883;
  --cd-inset: inset 0 7px 11px -6px #4636233d, inset 4px 0 8px -6px #4636231a, inset -4px 0 8px -6px #4636231a;
  --cd-field-focus-depth: inset 0 8px 12px -5px #46362355, inset 5px 0 9px -5px #4636232e, inset -5px 0 9px -5px #4636232e;
  --cd-selected: #e9dfcf;
  --cd-disabled: #eee8de;
  --cd-disabled-text: #77788c;
  --cd-disabled-shadow: none;
  --cd-danger: #a52b42;
  --cd-danger-disabled: #a52b42;
  --cd-error-shadow: 0 0 0 1px #a52b4222;
  --cd-danger-face: var(--cd-face);
  --cd-danger-depth: var(--cd-enamel-turn);
  --cd-nav-face: #efe3ce;
  --cd-nav-shoulder: #fff8ec;
  --cd-nav-edge: #a39d91;
  --cd-nav-underturn: #d8cbb6;
  --cd-nav-ink: #17266b;
  --dropdown-surface: #eee5d6;
  --dropdown-border: #c5bdb1;
  --dropdown-divider: #d8cfc2;
  --dropdown-option-hover: #e2d8c7;
  --dropdown-option-selected: var(--cd-face);
  --cd-popup-ink: #17266b;
  --cd-popup-muted: #66748b;
  --cd-popup-selected-ink: #17266b;
  --cd-popup-depth: inset 3px 4px 8px -5px #fffdf8, inset -3px -5px 8px -4px #aaa69c88, 0 5px 8px -3px #77746c66;
  --cd-popup-selected-depth: var(--cd-enamel-turn), 0 4px 4px -2px #77746c55;
  --cd-popup-focus: #17266b;
  color-scheme: light;
}

/* Only named components are styled. In particular, resume document descendants
 * and controls that have not been migrated are not matched by broad selectors. */
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 20px;
  border: 0;
  border-radius: 999px;
  background: var(--cd-enamel);
  box-shadow: var(--cd-enamel-turn), var(--cd-control-contact);
  color: var(--cd-enamel-ink);
  font: 650 17px/1.3 var(--cd-font);
  text-decoration: none;
  white-space: normal;
  cursor: pointer;
  transition: transform var(--cd-motion-duration) ease, box-shadow var(--cd-motion-duration) ease;
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-button--auth-utility {
  --cd-enamel-turn: var(--cd-auth-utility-turn);
  --cd-control-pressed: var(--cd-auth-pressed);
  font-weight: 500;
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-button--icon {
  width: 44px;
  min-width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-icon {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media (hover: hover) and (pointer: fine) {
  :where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-button:hover:not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
    transform: var(--cd-hover-transform);
    box-shadow: var(--cd-enamel-turn), var(--cd-control-hover);
  }
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-button:is(:active,.is-surface-pressed):not(:disabled):not([aria-disabled="true"]):not([aria-busy="true"]) {
  transform: none;
  box-shadow: var(--cd-control-pressed);
  transition-duration: var(--cd-press-duration);
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-button:is(:disabled,[aria-disabled="true"]) {
  background: var(--cd-disabled);
  color: var(--cd-disabled-text);
  box-shadow: var(--cd-disabled-shadow);
  transform: none;
  cursor: not-allowed;
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-button[aria-busy="true"] {
  transform: none;
  cursor: wait;
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) :is(.cd-button,.cd-field,.cd-option):focus-visible {
  outline: 2px solid var(--cd-focus);
  outline-offset: 3px;
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-field {
  box-sizing: border-box;
  min-height: 44px;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--cd-field-border);
  border-radius: 12px;
  background: var(--cd-field);
  box-shadow: var(--cd-inset);
  color: var(--cd-text);
  caret-color: var(--cd-text);
  font: 400 17px/1.35 var(--cd-font);
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-field::placeholder { color: var(--cd-placeholder-ink); opacity: var(--cd-placeholder-opacity); }
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-field:focus { background: var(--cd-field-focus); box-shadow: var(--cd-field-focus-depth); }
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-field[aria-invalid="true"] { border-color: var(--cd-danger); box-shadow: var(--cd-error-shadow); }
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-field:disabled { color: var(--cd-disabled-text); cursor: not-allowed; }
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-nav-surface {
  background: linear-gradient(180deg, var(--cd-nav-face) 0%, var(--cd-nav-face) calc(100% - 14px), var(--cd-nav-underturn) 100%) var(--cd-nav-face);
  box-shadow: inset 6px 7px 12px -5px var(--cd-nav-shoulder), inset -6px -7px 10px -4px var(--cd-nav-edge), inset 0 -3px 4px -2px var(--cd-nav-underturn), var(--cd-control-contact);
  border: 0;
  border-radius: 18px;
  color: var(--cd-nav-ink);
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-option {
  width: 100%;
  min-height: 44px;
  padding: 9px 14px;
  margin: 0 0 8px;
  text-align: start;
  white-space: normal;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--cd-popup-ink);
  font: 500 16px/1.35 var(--cd-font);
  cursor: pointer;
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-option:is(:hover,:focus-visible) { background: var(--dropdown-option-hover); }
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-option:last-child { margin-bottom: 0; }
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-option[aria-selected="true"] { background: var(--dropdown-option-selected); color: var(--cd-popup-selected-ink); box-shadow: var(--cd-popup-selected-depth); }
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-option:focus-visible { outline-color: var(--cd-popup-focus); outline-offset: -2px; }
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-option:disabled { color: var(--cd-disabled-text); cursor: not-allowed; }
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-select { position: relative; }
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-select-options {
  box-sizing: border-box;
  position: absolute;
  z-index: 30;
  top: calc(100% + 4px);
  inset-inline: 0;
  max-height: 264px;
  overflow: auto;
  padding: 8px;
  border: 0;
  border-radius: 22px;
  background: var(--dropdown-surface);
  box-shadow: var(--cd-popup-depth);
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
:where(body[data-candidate-design="true"][data-account-type="candidate"]) .cd-select.opens-up .cd-select-options { top: auto; bottom: calc(100% + 4px); }
@media (prefers-reduced-motion: reduce) {
  body[data-candidate-design="true"][data-account-type="candidate"] {
    --cd-motion-duration: 0s;
    --cd-press-duration: 0s;
    --cd-hover-transform: none;
  }
}

/* Candidate control paint has one shared owner. styles.css retains control
 * geometry and semantic states; its legacy purple paint excludes these pages. */
:where(body[data-candidate-design="true"][data-account-type="candidate"]) :is(.primary-btn,.mini-btn) {
  background:var(--cd-enamel);color:var(--cd-enamel-ink);border:0;border-radius:999px;
  box-shadow:var(--cd-enamel-turn),var(--cd-control-contact);
  transition:transform var(--cd-motion-duration),box-shadow var(--cd-motion-duration);
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea) {
  background:var(--cd-field);color:var(--cd-text);border-radius:12px;box-shadow:var(--cd-inset);
}
:where(body[data-candidate-design="true"][data-account-type="candidate"]) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),textarea):focus {
  background:var(--cd-field-focus);box-shadow:var(--cd-field-focus-depth);
  outline:2px solid var(--cd-focus);outline-offset:2px;
}

/* Final design reserves danger paint for primary destructive confirmations.
 * Entry-removal mini buttons keep normal enamel, including hover/press states;
 * their semantic danger class and existing removal behavior stay unchanged. */
:where(body[data-candidate-design="true"][data-account-type="candidate"]) :is(.primary-btn.danger,.primary-btn.danger-outline) {
  --cd-enamel:var(--cd-danger-face);--cd-enamel-ink:var(--cd-danger);
  --cd-enamel-turn:var(--cd-danger-depth);
}