/* Home / landing page -- converted from the old dark-navy radial-gradient
   hero to the same soft-white shell/tokens used across Accounting (see
   financial_account_list.css). The hero itself keeps the one dark element
   (matching .dashboard-header elsewhere), everything below it is light. */
:root {
    --page-bg: #eef2f7;
    --panel-bg: #ffffff;
    --panel-edge: #dbe3ef;
    --ink: #1f2937;
    --muted: #6b7280;
    --accent: #0f766e;
    --header-ink: #f8fafc;
}

body {
    background: linear-gradient(180deg, #f6f8fb 0%, #e8eef7 100%);
}

.landing-hero {
    min-height: auto;
    background-color: transparent;
    background-image: linear-gradient(135deg, #1f2937 0%, #334155 100%);
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}

.landing-hero::before { content: none; }

.landing-hero__title { text-shadow: none; }

.landing-hero__subtitle { opacity: 0.85; }

.landing-choice-card {
    background: var(--panel-bg);
    border: 1px solid var(--panel-edge);
    border-radius: 20px;
    box-shadow: 0 18px 46px rgba(15, 23, 42, 0.07);
    overflow: hidden;
}

.landing-choice-card .card-title { color: var(--ink); }
.landing-choice-card .card-text { color: var(--muted); }

.pill-btn {
    display: inline-block;
    border-radius: 999px;
    padding: 10px 16px;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    border: 1px solid var(--panel-edge);
    cursor: pointer;
    background: #ffffff;
    color: var(--ink);
    text-align: center;
}
.pill-btn.primary { background: var(--accent); color: #fff; border-color: var(--accent); }
.pill-btn.primary:hover { background: #0b5c56; color: #fff; }

.landing-page-body { padding: 2.5rem 0; }

.landing-back-link { text-align: center; color: var(--ink); }
.landing-back-link a { color: var(--accent); text-decoration: none; font-weight: 600; }
.landing-back-link a:hover { text-decoration: underline; }