/* Theme stylesheet — Christmas */
@import url('../licorne/theme.css');

:root{
    --front-bg: #dfeff7;          /* darker fallback if no bg.jpg */
    --front-card: #ffffff;
    --front-border: #c6e7ff;
    --front-accent: #c62828;      /* holly red */
    --front-accent-2: #1b5e20;    /* pine green */
    --front-text: #20333b;
    --front-muted: #5b7179;
    --front-radius: 16px;
    --front-gap: 12px;
    --scroll-thumb: rgba(198,40,40,.35);
    --scroll-thumb-hover: rgba(27,94,32,.55);
    --scroll-track: transparent;
    --ink:#1f2d30;

    /* Toast overrides — Christmas */
    --toast-ink: #20333b;
    --toast-bg: #ffffff;
    --toast-bd: #c6e7ff;
    --toast-success-bg: #e6fff3;
    --toast-success-bd: #9bf0c8;
    --toast-success-ink: #0f5132;
    --toast-info-bg: #eef6ff;
    --toast-info-bd: #93c5fd;
    --toast-info-ink: #1e3a8a;
    --toast-warning-bg: #fff7e6;
    --toast-warning-bd: #ffd166;
    --toast-warning-ink: #7a5a00;
    --toast-error-bg: #ffecec;
    --toast-error-bd: #fca5a5;
    --toast-error-ink: #7a1616;
}

body{
    background: url("bg.jpg") center/cover no-repeat,
    linear-gradient(180deg, var(--front-bg) 0%, #fff 60%);
}

.front-title{ color:#ef9a9a; text-shadow:0 0 6px rgba(239,154,154,.6), 0 0 10px rgba(27,94,32,.4); }
.front-balance{ border-color:#1b5e20; color:#1b5e20; box-shadow:0 10px 24px rgba(27,94,32,.16), 0 2px 8px rgba(198,40,40,.25); }
.front-balance::after{ background:linear-gradient(90deg, #c62828, #ef5350, #ffee58, #81c784, #64b5f6, #1b5e20); }
.balance-icon{ background:linear-gradient(90deg,#c62828,#1b5e20); border-color:#1b5e20; }
.points-badge{ border-color:#1b5e20; }

/* Themed image frames */
.task-thumb,
.task-thumb.fallback{
    border-image: linear-gradient(90deg,#c62828 0%,#ef5350 20%,#ffee58 40%,#81c784 60%,#64b5f6 80%,#1b5e20 100%) 1;
}
.history-thumb,
.history-thumb.fallback{
    border-image: linear-gradient(90deg,#c62828 0%,#ef5350 20%,#ffee58 40%,#81c784 60%,#64b5f6 80%,#1b5e20 100%) 1;
}

/* Improve readability of rainbow/gradient streak label */
.history-badge-streak{ -webkit-text-stroke: 1px rgba(0,0,0,.45); text-stroke: 1px rgba(0,0,0,.45); text-shadow: 0 0 1px rgba(0,0,0,.12); font-weight:900; }

/* Themed action buttons */
.task-form .task-done.rainbow,
.reward-cta-wrap .task-done.rainbow,
.reward-modal-actions .task-done.rainbow{
    background:linear-gradient(90deg,#c62828 0%, #ef5350 25%, #81c784 60%, #1b5e20 100%);
    color:#ffffff;
    border-color:#1b5e20;
    box-shadow:0 0 12px rgba(198,40,40,.45), 0 0 20px rgba(27,94,32,.35);
}
.task-form .task-done.rainbow:hover,
.reward-cta-wrap .task-done.rainbow:hover,
.reward-modal-actions .task-done.rainbow:hover{
    box-shadow:0 6px 18px rgba(27,94,32,.30);
}

/* Themed progress bar (insufficient funds) */
.progress-btn-bar{ background:#e6eef2; border:2px solid #1b5e20; }
.progress-btn-fill{ background: linear-gradient(90deg, #c62828 0%, #ef5350 35%, #81c784 70%, #1b5e20 100% ); }
.progress-btn-text{ color:#0e2b18; }

/* Themed tabs */
.front-tabs{ background:#ffffff; border:1px solid #c6e7ff; box-shadow:0 2px 8px rgba(27,94,32,.12); }
.front-tab{ color:#3a5a40; }
.front-tab.is-active{ background:linear-gradient(90deg,#c62828 0%,#1b5e20 100%); color:#fff; }

/* Themed section titles */
.section-title{ background:#ffffff; color:#1b5e20; border:1px solid #c6e7ff; box-shadow:0 2px 8px rgba(27,94,32,.12); }

/* Themed main points container */
.front-balance{ background:linear-gradient(180deg,#ffffff 0%, #f1fff3 85%); }