/**
 * dashboard.css — the primitives shared by every logged-in surface.
 *
 * ONE definition, several pages: index.php's dashboard and medlemskab.php both
 * link this file. Same rule as membership_benefits_html(), exam_coverage() and
 * question_count_label() — the thing that must agree across surfaces gets one
 * home, because the copies always drift. (.section-label had already drifted:
 * index.php painted it #7a8a85 and guide.php #adb5bd, from identical rules.)
 *
 * Keep this file to what is genuinely shared. The hero, the quiz-launch cards,
 * the donut and the exam sheet stay inline in index.php — only that page has
 * them, and moving them here would just relocate the mess.
 *
 * ⚠️ The tokens live on :root, NOT on a wrapper class. They used to sit on
 * .subscribed-dashboard, which index.php puts around its member branch only —
 * so every var(--dash-*) outside that div resolved to nothing and the rule was
 * dropped at computed-value time. That fails SILENTLY: no error, the element
 * just renders with the pre-token value (or none at all). :root is what makes
 * these usable from a second page.
 *
 * Loaded from <head>, before each page's own <style>, so a page can still
 * override a value locally without !important.
 */

:root {
    --dash-accent: #30c78d;
    --dash-accent-deep: #1e9e6b;
    --dash-border: #d9ece5;
    --dash-soft: #f5fffb;
    --dash-text: #1b2f2a;
}

/* The standard content panel: white, mint hairline, soft lift. */
.dashboard-surface {
    border: 1.5px solid var(--dash-border);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(13, 38, 31, 0.05);
}

/* The small uppercase label that names a section without competing with it. */
.section-label {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7a8a85;
    margin-bottom: 0.8rem;
}
