/* GENERATED by scripts/build-tokens.py from docs/mockups/talent-portal/_foundation/tokens.css. Do not edit. */

:root:where(.gdrfad-dds),
.gdrfad-dds-embedded {
  --surface-surface-container-highest: var(--neutral-variant-neutral-variant87); /* #e2d8d7 */ /* correct spelling of the source typo --surface-surfacsurface-container-highest */
  --neutral-neutral: var(--neutral-neutral40); /* #5e5e62 */ /* neutral tone, same pattern as the others (base 40) */
  --neutral-on-neutral: var(--neutral-neutral100); /* #ffffff */
  --neutral-neutral-variant: var(--neutral-neutral95); /* #f2f0f4 */ /* common.css uses neutral95 bg + neutral30 text for its grey category chip (lines 1406/1429) */
  --neutral-on-neutral-variant: var(--neutral-neutral30); /* #46464a */
  --elevation-3: 0 8px 24px 0 var(--opacity-on-surface-opacity12); /* Figma elevation/3 (DROP_SHADOW 0,8 blur 24 spread 0, opacity/on-surface-opacity12) - exact */
  --elevation-1: 0 1px 3px 0 var(--opacity-on-surface-opacity12); /* DERIVED (no elevation/1 in source): resting card lift */
  --scrim: #0000007f; /* modal backdrop = light --opacity-on-surface-opacity50 */
  --focus-ring: 0 0 0 3px var(--primary-primary-variant); /* Figma "Focused/Primary" effect on fields (pickers) */
}

@media (prefers-color-scheme: dark) {
  :root:where(.gdrfad-dds-appearance):not([data-theme="light"]) {
    --surface-surface-container-highest: var(--neutral-variant-neutral-variant22); /* #393333 */
    --neutral-neutral: var(--neutral-neutral80); /* #c7c6ca */
    --neutral-on-neutral: var(--neutral-neutral20); /* #303034 */
    --neutral-neutral-variant: var(--neutral-neutral30); /* #46464a */
    --neutral-on-neutral-variant: var(--neutral-neutral90); /* #e4e2e6 */
    --elevation-3: 0 8px 24px 0 #0000007f;
    --elevation-1: 0 1px 3px 0 #0000007f;
    --scrim: #000000b3;
    --focus-ring: 0 0 0 3px var(--primary-primary-variant);
  }
}

:root:where(.gdrfad-dds-appearance)[data-theme="dark"] {
  --surface-surface-container-highest: var(--neutral-variant-neutral-variant22); /* #393333 */
  --neutral-neutral: var(--neutral-neutral80); /* #c7c6ca */
  --neutral-on-neutral: var(--neutral-neutral20); /* #303034 */
  --neutral-neutral-variant: var(--neutral-neutral30); /* #46464a */
  --neutral-on-neutral-variant: var(--neutral-neutral90); /* #e4e2e6 */
  --elevation-3: 0 8px 24px 0 #0000007f;
  --elevation-1: 0 1px 3px 0 #0000007f;
  --scrim: #000000b3;
  --focus-ring: 0 0 0 3px var(--primary-primary-variant);
}

:root:where(.gdrfad-dds),
.gdrfad-dds-embedded {
  --field-outline: var(--neutral-variant-neutral-variant50); /* 4.49:1 on white, 3.85:1 on container-low */
  --font-size-hero: 56px;
  --line-height-hero: 1.12;
  --font-size-help: 12px; /* field errors, field help, stepper labels only */
  --line-height-help: 16px;
  --page-gutter: 16px;
  --page-max: 1280px;
  --page-max-wide: 1600px; /* the careers wizard's three columns */
  --form-column: 720px;
  --motion-fast: 150ms;
  --motion-base: 200ms;
  --ease-out: cubic-bezier(.2, .8, .2, 1);
}

/* Arabic dots and hamza are unreadable at 12px. */
:root:where(.gdrfad-dds):lang(ar),
.gdrfad-dds-embedded:lang(ar) {
  --font-size-help: 14px;
  --line-height-help: 20px;
}

@media (prefers-color-scheme: dark) {
  :root:where(.gdrfad-dds-appearance):not([data-theme="light"]) {
    --field-outline: var(--neutral-variant-neutral-variant60); /* 5.2:1 */
  }
}

:root:where(.gdrfad-dds-appearance)[data-theme="dark"] {
  --field-outline: var(--neutral-variant-neutral-variant60); /* 5.2:1 */
}

@media (min-width: 768px) {
  :root:where(.gdrfad-dds) { --page-gutter: 32px; }
}


@container gdrfad-dds (min-width: 768px) {
  .gdrfad-dds-embedded > * { --page-gutter: 32px; }
}

@media (min-width: 1024px) {
  :root:where(.gdrfad-dds) { --page-gutter: 48px; }
}


@container gdrfad-dds (min-width: 1024px) {
  .gdrfad-dds-embedded > * { --page-gutter: 48px; }
}

@media (min-width: 1280px) {
  :root:where(.gdrfad-dds) { --page-gutter: 80px; }
}


@container gdrfad-dds (min-width: 1280px) {
  .gdrfad-dds-embedded > * { --page-gutter: 80px; }
}

/* Phone type tier. Body text stays 16px so iOS never zooms into a field. */
@media (max-width: 640px) {
  :root:where(.gdrfad-dds) {
    --font-size-hero: 32px;
    --line-height-hero: 40px;
    --font-size-h1: 32px;
    --line-height-h1: 48px;
    --font-size-h2: 26px;
    --line-height-h2: 40px;
    --font-size-h3: 22px;
    --line-height-h3: 36px;
  }
}

@container gdrfad-dds (max-width: 640px) {
  .gdrfad-dds-embedded > * {
    --font-size-hero: 32px;
    --line-height-hero: 40px;
    --font-size-h1: 32px;
    --line-height-h1: 48px;
    --font-size-h2: 26px;
    --line-height-h2: 40px;
    --font-size-h3: 22px;
    --line-height-h3: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root:where(.gdrfad-dds),
  .gdrfad-dds-embedded {
    --motion-fast: 0ms;
    --motion-base: 0ms;
  }
}