/* The Cards Tourney brand: one file shared by the homepage (/) and the app (/app/), so the two
   never drift apart. Card-table green, card red used sparingly, warm paper, near-black ink.
   Dark on light everywhere: it's read in dim halls. Print stays black ink only (print.css). */
:root {
    --ct-green: #1f5c3a;
    --ct-green-dark: #154329;
    --ct-green-tint: #e8f0ea;
    --ct-red: #b3122e;
    --ct-paper: #faf7f0;
    --ct-card: #ffffff;
    --ct-ink: #1a1a1a;
    --ct-muted: #555049;
    --ct-rule: #d9d2c3;

    /* Headings and the name in a classic serif; everything read or tapped in the system sans. */
    --ct-serif: Georgia, "Times New Roman", serif;
    --ct-sans: -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* The name, as it appears in the top bar, on the homepage and on the loading screen. */
.ct-wordmark {
    font-family: var(--ct-serif);
    font-style: italic;
    font-weight: 700;
    color: var(--ct-green);
    letter-spacing: 0.2px;
    white-space: nowrap;
}

/* Logo and name together, linking home. */
.ct-brand {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    text-decoration: none;
}
/* The card-fan logo from the original site (161×121), sized by height. */
.ct-brand img { height: 44px; width: auto; display: block; }
.ct-brand .ct-wordmark { font-size: 24px; }

/* The main action, wherever it appears. */
.ct-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 28px;
    font-family: var(--ct-sans);
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: var(--ct-green);
    border: 0;
    border-radius: 10px;
    text-decoration: none;
    cursor: pointer;
}
.ct-button:hover { background: var(--ct-green-dark); }
.ct-button:focus-visible { outline: 3px solid var(--ct-red); outline-offset: 3px; }