/**
 * Content Controller — shared LPD foundation
 *
 * The content-view sibling of account-common.css. The public content.php
 * entry bypasses the Account Controller's asset pipeline, so account-common
 * is not loaded here; this file carries the shared LPD brand tokens and the
 * card / section-bar / button components — scoped to .content-view — so every
 * public content view matches the account surface (rounded cards, blue
 * section bars). Per-view files (e.g. register.css) add only their specifics.
 *
 * Rules (same as account-common): one blue, don't redeclare tokens per view,
 * components are opt-in.
 */

/* --- Brand tokens ---------------------------------------------------------
   Declared on the view root (not :root) so they travel with the content markup
   and never leak elsewhere. Every content view is wrapped in .content-view. */
.content-view {
    --lpd-blue:           #2F4798;
    --lpd-blue-hover:     #2C7DBD;
    --lpd-gold:           #FFD61A;
    --lpd-charcoal:       #2B2A2D;
    --lpd-gray:           #6C757D;
    --lpd-offwhite:       #F2F1F3;
    --lpd-panel-surface:  #F8F9FB;
    --lpd-panel-border:   #E3E6EA;
    --lpd-input-border:   #CED4DA;
    --lpd-success:        #198754;
    --lpd-success-hover:  #157347;
    --lpd-error:          #B02A37;
    --lpd-warning-bg:     #FFF3CD;
    --lpd-warning-border: #FFE69C;
    --lpd-warning-text:   #664D03;
    --lpd-radius:         8px;

    font-family: 'interstate', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: var( --lpd-charcoal );
}

/* --- Page title ----------------------------------------------------------- */
.content-view > h2 {
    font-weight: 300;
    margin: 0 0 0.35rem;
}

/* --- Component: section bar ----------------------------------------------- */
.content-view .lpd-section-bar {
    margin: 0 0 0.85rem;
    padding: 0.45rem 0.85rem;
    background: var( --lpd-blue );
    color: #fff;
    font-weight: 300;
    font-size: 1rem;
    letter-spacing: 0.3px;
    border-radius: var( --lpd-radius );
}

/* --- Component: card ------------------------------------------------------ */
.content-view .lpd-card {
    margin: 0 0 1.25rem;
    border: 1px solid var( --lpd-panel-border );
    border-radius: var( --lpd-radius );
    background: #fff;
    overflow: hidden;
}

.content-view .lpd-card > .lpd-section-bar {
    margin-bottom: 0;
    border-radius: 0;
}

.content-view .lpd-card__body {
    padding: 1rem 1.25rem 1.25rem;
}

/* --- Component: buttons --------------------------------------------------- */
.content-view .lpd-btn {
    padding: 0.5rem 1.25rem;
    border: 1px solid transparent;
    border-radius: 0;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.content-view .lpd-btn:disabled {
    background: #adb5bd;
    border-color: #adb5bd;
    color: #fff;
    cursor: not-allowed;
}

.content-view .lpd-btn--primary {
    background: var( --lpd-blue );
    color: #fff;
}

.content-view .lpd-btn--primary:hover:not(:disabled),
.content-view .lpd-btn--primary:focus:not(:disabled) {
    background: var( --lpd-blue-hover );
}

.content-view .lpd-btn--secondary {
    background: #fff;
    color: var( --lpd-blue );
    border-color: var( --lpd-blue );
}

.content-view .lpd-btn--secondary:hover:not(:disabled),
.content-view .lpd-btn--secondary:focus:not(:disabled) {
    background: var( --lpd-offwhite );
}