/* =============================================================================
   3E NDT, LLC — welcome packet theme

   A client theme for welcome-packet.css. Load that file first, then this, and
   put both classes on the wrapper:

       <div class="packet-preview pk-theme-3e"> ... </div>

   Every value here was measured from the packet 3E's admin app shipped before
   it moved onto the shared stylesheet (~/code/3eprojects/admin-app,
   src/Web/wwwroot/css/app.css). The goal was a byte-for-byte identical printed
   sheet, verified by printing before and after and comparing. If you change a
   value here, that guarantee is what you are spending.

   This is a demonstration of the theming contract as much as it is 3E's brand:
   a client theme re-points variables and never re-declares a rule. If you find
   yourself needing to override an actual selector to theme a client, the
   variable set in welcome-packet.css is missing something — add it there.

   3E's brand is gold on slate with Georgia display type, which is deliberately
   nothing like Aspendora's blue-and-navy Plus Jakarta Sans. That contrast is
   the point: it is the proof the theme layer actually reaches everything.
   ============================================================================= */

.packet-preview.pk-theme-3e {
    /* Display type is a serif, at normal weight with no negative tracking —
       the opposite of the Aspendora treatment, so all four type variables have
       to move together. */
    --pk-heading-font: Georgia, "Times New Roman", serif;
    --pk-heading-weight: 400;
    --pk-heading-tracking: 0;
    --pk-subheading-tracking: normal;
    --pk-heading-leading: 1.1;
    --pk-font: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

    /* 3E's uppercase labels track tighter and lighter than Aspendora's. */
    --pk-label-tracking: 0.14em;
    --pk-label-weight: 600;

    /* Gold accents */
    --pk-accent: #e8a020;
    --pk-accent-dark: #c78a1a;
    --pk-accent-light: #f5c45c;
    --pk-rule: linear-gradient(90deg, #e8a020 0%, #f5c45c 55%, #e8a020 100%);
    --pk-eyebrow: #c78a1a;

    /* The original had no accent on the sub-step markers; they inherited the
       body colour. Keep that rather than quietly gilding them. */
    --pk-marker: currentColor;

    /* Slate ground, warm wash behind the password */
    --pk-ink: #2c3e50;
    --pk-wash: #fdf6e8;
    --pk-surface: #f8f9fa;

    /* 3E's "required" badge is red. Aspendora's house rule that red means risk
       is an Aspendora rule; this is 3E's sheet. */
    --pk-badge-bg: #e74c3c;

    /* Text and hairlines */
    --pk-text: #23303c;
    --pk-body: #495057;
    --pk-lede-color: #495057;
    --pk-muted: #6c757d;
    --pk-border: #dee2e6;

    --pk-radius: 6px;
}

/* The step headings were bold in the original even though the page title was
   not, so the shared --pk-heading-weight cannot carry both. This is the one
   rule-level override the theme needs, and it is deliberate. */
.packet-preview.pk-theme-3e .pk-steps h2 {
    font-weight: 700;
}

/* The sign-in URL was 600 with no negative tracking. */
.packet-preview.pk-theme-3e .pk-signin-url {
    font-weight: 600;
    letter-spacing: normal;
}

/* The wordmark fallback follows the display face, not the Aspendora lockup
   treatment — 3E has a logo, so this only shows if the image fails to load. */
.packet-preview.pk-theme-3e .pk-wordmark {
    font-family: var(--pk-heading-font);
    font-weight: 700;
    letter-spacing: normal;
}