/* ============================================================
   PRIMITIVES — Color
   Raw, era-agnostic color ramps. Prefixed --cc-* so they never
   collide with the semantic role tokens (--color-*) that
   components consume. ONLY the semantic/era layer should read
   these; components must never reference --cc-* directly.
   ============================================================ */

:root {
    /* ── Warm paper / neutral ramp ─────────────────────────── */
    --cc-paper-50:   #faf8f3;
    --cc-paper-100:  #f4f1ea;   /* default surface */
    --cc-paper-200:  #ece8df;   /* default paper   */
    --cc-paper-300:  #e0dbd0;
    --cc-paper-400:  #d7d4ce;

    /* ── Ink ramp ──────────────────────────────────────────── */
    --cc-ink-900:    #101010;   /* default ink     */
    --cc-ink-700:    #2a2a28;
    --cc-ink-500:    #5b5b58;   /* default muted   */
    --cc-ink-300:    #8a8a85;
    --cc-paper-contrast: #f8f5ef; /* light text on ink */

    /* ── Green highlight ramp ──────────────────────────────── */
    --cc-green-300:  #a9d69b;
    --cc-green-500:  #7ebf67;   /* default highlight */
    --cc-green-700:  #4f8f3c;

    /* ── Signal ────────────────────────────────────────────── */
    --cc-win:        #4f8f3c;
    --cc-loss:       #b8472e;
    --cc-flag:       #c98a2b;
    --cc-info:       #3f6f9c;

    /* ── Night neutrals (consumed by the dark variant) ─────── */
    --cc-night-900:  #17171a;
    --cc-night-800:  #1f1e1b;
    --cc-night-ink:  #ede9e0;
    --cc-night-muted:#9a948a;

    /* ── Card-media gradient recipes (era-portable) ────────── */
    --gradient-heat:
        radial-gradient(circle at 24% 24%, rgba(255, 255, 255, 0.38), transparent 22%),
        linear-gradient(140deg, #c74d1d 0%, #ed7a39 55%, #a11a17 100%);
    --gradient-sky:
        linear-gradient(150deg, #4b7398 0%, #8bb2d0 52%, #d4dce3 100%);
    --gradient-dusk:
        radial-gradient(circle at 65% 28%, rgba(255, 255, 255, 0.16), transparent 18%),
        linear-gradient(145deg, #1e153f 0%, #422261 55%, #7c47b7 100%);
    --gradient-dawn:
        radial-gradient(circle at 28% 26%, rgba(255, 255, 255, 0.30), transparent 24%),
        linear-gradient(150deg, #f6a26b 0%, #ee6f7d 52%, #c64b76 100%);
    --gradient-ocean:
        radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.22), transparent 22%),
        linear-gradient(150deg, #15686d 0%, #3fa79f 52%, #bfe3dd 100%);
    --gradient-gold:
        radial-gradient(circle at 70% 24%, rgba(255, 255, 255, 0.28), transparent 22%),
        linear-gradient(150deg, #a9711f 0%, #d99f3b 50%, #f0cf72 100%);
    --gradient-ink:
        radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.10), transparent 26%),
        linear-gradient(150deg, #1f2d3a 0%, #34506a 55%, #5b7286 100%);
}