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

:root{
    --front-bg: #d7e6f5; /* darker fallback if no bg.jpg */
    --front-card: #ffffff;
    --front-border: #d7e9ff;
    --front-accent: #1976d2;      /* crisp blue */
    --front-accent-2: #00acc1;    /* icy cyan */
    --front-text: #1f2d3a;
    --front-muted: #5b6f83;
    --front-radius: 16px;
    --front-gap: 12px;
    --scroll-thumb: rgba(25,118,210,.35);
    --scroll-thumb-hover: rgba(0,172,193,.55);
    --scroll-track: transparent;
    --ink:#182734;

    /* Toast overrides — Winter */
    --toast-ink: #1f2d3a;
    --toast-bg: #ffffff;
    --toast-bd: #d7e9ff;
    --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{ text-shadow:0 0 6px rgba(25,118,210,.55), 0 0 10px rgba(0,172,193,.55); }
.front-balance{ border-color:#1976d2; color:#1976d2; box-shadow:0 10px 24px rgba(100,181,246,.22), 0 2px 8px rgba(0,172,193,.22); }
.front-balance::after{ background:linear-gradient(90deg, #1976d2, #64b5f6, #81d4fa, #b2ebf2, #80deea, #00acc1); }
.balance-icon{ background:linear-gradient(90deg,#1976d2,#00acc1); border-color:#1976d2; }
.points-badge{ border-color:#1976d2; }

/* Themed image frames */
.task-thumb,
.task-thumb.fallback{
    border-image: linear-gradient(90deg,#1976d2, #64b5f6, #81d4fa, #b2ebf2, #80deea, #00acc1) 1;
}
.history-thumb,
.history-thumb.fallback{
    border-image: linear-gradient(90deg,#1976d2, #64b5f6, #81d4fa, #b2ebf2, #80deea, #00acc1) 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,#1976d2 0%, #64b5f6 35%, #80deea 70%, #00acc1 100%);
    color:#0b1b2a;
    border-color:#1976d2;
    box-shadow:0 0 12px rgba(25,118,210,.35), 0 0 20px rgba(0,172,193,.30);
}
.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(25,118,210,.30);
}

/* Themed progress bar (insufficient funds) */
.progress-btn-bar{ background:#e1ecf7; border:2px solid #1976d2; }
.progress-btn-fill{ background: linear-gradient(90deg, #1976d2 0%, #64b5f6 35%, #80deea 70%, #00acc1 100% ); }
.progress-btn-text{ color:#0b1b2a; }

/* Themed tabs */
.front-tabs{ background:#ffffff; border:1px solid #d7e9ff; box-shadow:0 2px 8px rgba(0,0,0,.10); }
.front-tab{ color:#274b66; }
.front-tab.is-active{ background:linear-gradient(90deg,#1976d2 0%,#00acc1 100%); color:#fff; }

/* Themed section titles */
.section-title{ background:#ffffff; color:#1f2d3a; border:1px solid #d7e9ff; box-shadow:0 2px 8px rgba(0,0,0,.10); }

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