/* ==========================================================================
   Design tokens — Agendamento CIN (posto digital)
   ========================================================================== */
:root {
    /* Color world */
    --cin-ink: #14231c;
    --cin-ink-soft: #2a3d33;
    --cin-muted: #5c6f64;
    --cin-paper: #f3f5f2;
    --cin-paper-elevated: #ffffff;
    --cin-stamp: #0f6b4c;
    --cin-stamp-bright: #12805c;
    --cin-stamp-soft: #e6f3ed;
    --cin-line: #c5d0c8;
    --cin-line-strong: #9aada2;
    --cin-priority: #a16207;
    --cin-priority-soft: #fef3c7;
    --cin-urgency: #b91c1c;
    --cin-urgency-soft: #fee2e2;
    --cin-overlay: rgba(20, 35, 28, 0.55);

    /* Typography */
    --cin-font-display: "Newsreader", Georgia, "Times New Roman", serif;
    --cin-font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;

    /* Spacing (4px base) */
    --cin-space-1: 0.25rem;
    --cin-space-2: 0.5rem;
    --cin-space-3: 0.75rem;
    --cin-space-4: 1rem;
    --cin-space-5: 1.25rem;
    --cin-space-6: 1.5rem;
    --cin-space-8: 2rem;
    --cin-space-10: 2.5rem;
    --cin-space-12: 3rem;

    /* Radius & depth */
    --cin-radius: 0.75rem;
    --cin-radius-sm: 0.5rem;
    --cin-radius-pill: 999px;
    --cin-border: 1px solid var(--cin-line);
    --cin-shadow: 0 1px 2px rgba(20, 35, 28, 0.06);

    /* Touch */
    --cin-touch: 2.75rem;

    /* Layout */
    --cin-content: 42rem;
    --cin-hero-pad-y: clamp(2.5rem, 8vw, 4.5rem);
}