/* FAILASSET / HELLO GOD - 같은 디렉토리용 전 페이지 공통 12색 일별 테마
   위치: index.html과 같은 폴더에 site-daily-theme.css로 업로드
*/

:root {
  --daily-bg-0: #061719;
  --daily-bg-1: #0b2326;
  --daily-bg-2: #12383b;
  --daily-accent: #72b8bb;
  --daily-accent-bright: #bde9e7;
  --daily-accent-rgb: 114, 184, 187;
  --daily-deep-rgb: 6, 23, 25;
  --daily-line: rgba(114, 184, 187, 0.28);
}

/* 1 */
html[data-daily-theme="1"], html[data-month-theme="1"] {
  --daily-bg-0:#050d18; --daily-bg-1:#0b1a2c; --daily-bg-2:#112a43;
  --daily-accent:#7fa7cf; --daily-accent-bright:#c7def4;
  --daily-accent-rgb:127,167,207; --daily-deep-rgb:5,13,24;
}

/* 2 */
html[data-daily-theme="2"], html[data-month-theme="2"] {
  --daily-bg-0:#130812; --daily-bg-1:#241020; --daily-bg-2:#3a1833;
  --daily-accent:#bd86a8; --daily-accent-bright:#edc9df;
  --daily-accent-rgb:189,134,168; --daily-deep-rgb:19,8,18;
}

/* 3 */
html[data-daily-theme="3"], html[data-month-theme="3"] {
  --daily-bg-0:#09130d; --daily-bg-1:#14251a; --daily-bg-2:#263c2c;
  --daily-accent:#89b194; --daily-accent-bright:#d0e7d5;
  --daily-accent-rgb:137,177,148; --daily-deep-rgb:9,19,13;
}

/* 4 */
html[data-daily-theme="4"], html[data-month-theme="4"] {
  --daily-bg-0:#101306; --daily-bg-1:#222810; --daily-bg-2:#38421b;
  --daily-accent:#abb86b; --daily-accent-bright:#e1e7b4;
  --daily-accent-rgb:171,184,107; --daily-deep-rgb:16,19,6;
}

/* 5 */
html[data-daily-theme="5"], html[data-month-theme="5"] {
  --daily-bg-0:#04120c; --daily-bg-1:#0c271b; --daily-bg-2:#17412e;
  --daily-accent:#6eae8c; --daily-accent-bright:#c4e6d3;
  --daily-accent-rgb:110,174,140; --daily-deep-rgb:4,18,12;
}

/* 6 */
html[data-daily-theme="6"], html[data-month-theme="6"] {
  --daily-bg-0:#041315; --daily-bg-1:#09262a; --daily-bg-2:#103b3f;
  --daily-accent:#72b8bb; --daily-accent-bright:#c2e9e7;
  --daily-accent-rgb:114,184,187; --daily-deep-rgb:4,19,21;
}

/* 7 */
html[data-daily-theme="7"], html[data-month-theme="7"] {
  --daily-bg-0:#04101b; --daily-bg-1:#0a2134; --daily-bg-2:#113752;
  --daily-accent:#72a7cf; --daily-accent-bright:#c4e2f6;
  --daily-accent-rgb:114,167,207; --daily-deep-rgb:4,16,27;
}

/* 8 */
html[data-daily-theme="8"], html[data-month-theme="8"] {
  --daily-bg-0:#090b1a; --daily-bg-1:#171b37; --daily-bg-2:#282f57;
  --daily-accent:#8c98d0; --daily-accent-bright:#d5daf4;
  --daily-accent-rgb:140,152,208; --daily-deep-rgb:9,11,26;
}

/* 9 */
html[data-daily-theme="9"], html[data-month-theme="9"] {
  --daily-bg-0:#140b04; --daily-bg-1:#2a180b; --daily-bg-2:#432815;
  --daily-accent:#c39252; --daily-accent-bright:#efd6aa;
  --daily-accent-rgb:195,146,82; --daily-deep-rgb:20,11,4;
}

/* 10 */
html[data-daily-theme="10"], html[data-month-theme="10"] {
  --daily-bg-0:#170904; --daily-bg-1:#301308; --daily-bg-2:#4b2110;
  --daily-accent:#c8744a; --daily-accent-bright:#f0c3aa;
  --daily-accent-rgb:200,116,74; --daily-deep-rgb:23,9,4;
}

/* 11 */
html[data-daily-theme="11"], html[data-month-theme="11"] {
  --daily-bg-0:#130508; --daily-bg-1:#290c13; --daily-bg-2:#421421;
  --daily-accent:#b57786; --daily-accent-bright:#e7c0c9;
  --daily-accent-rgb:181,119,134; --daily-deep-rgb:19,5,8;
}

/* 12 */
html[data-daily-theme="12"], html[data-month-theme="12"] {
  --daily-bg-0:#0c0813; --daily-bg-1:#1d152a; --daily-bg-2:#312340;
  --daily-accent:#a78fc0; --daily-accent-bright:#ded0eb;
  --daily-accent-rgb:167,143,192; --daily-deep-rgb:12,8,19;
}

html[data-daily-theme], html[data-month-theme] {
  --daily-line: rgba(var(--daily-accent-rgb), 0.28);
}

/* 전 페이지 공통 배경 */
html[data-daily-theme] body,
html[data-month-theme] body {
  background:
    radial-gradient(circle at 16% 8%, rgba(var(--daily-accent-rgb), .18), transparent 28%),
    radial-gradient(circle at 86% 12%, rgba(var(--daily-accent-rgb), .12), transparent 35%),
    radial-gradient(circle at 24% 72%, rgba(var(--daily-accent-rgb), .10), transparent 37%),
    radial-gradient(circle at 76% 88%, rgba(var(--daily-accent-rgb), .08), transparent 35%),
    linear-gradient(145deg, var(--daily-bg-0) 0%, var(--daily-bg-1) 48%, var(--daily-bg-2) 100%) !important;
}

/* 헤더 / 네비게이션 / 푸터 */
html[data-daily-theme] .site-header,
html[data-month-theme] .site-header,
html[data-daily-theme] header,
html[data-month-theme] header {
  background:
    linear-gradient(180deg, rgba(var(--daily-deep-rgb), .94), rgba(var(--daily-deep-rgb), .72)),
    radial-gradient(circle at 18% 0%, rgba(var(--daily-accent-rgb), .13), transparent 35%) !important;
  border-bottom-color: rgba(var(--daily-accent-rgb), .18) !important;
}

html[data-daily-theme] .site-footer,
html[data-month-theme] .site-footer,
html[data-daily-theme] footer,
html[data-month-theme] footer {
  background:
    radial-gradient(circle at 22% 0%, rgba(var(--daily-accent-rgb), .17), transparent 34%),
    radial-gradient(circle at 82% 40%, rgba(var(--daily-accent-rgb), .11), transparent 38%),
    rgba(var(--daily-deep-rgb), .22) !important;
  border-top-color: rgba(var(--daily-accent-rgb), .2) !important;
}

/* 일반 카드 / 박스 */
html[data-daily-theme] .glass-panel,
html[data-month-theme] .glass-panel,
html[data-daily-theme] .card,
html[data-month-theme] .card,
html[data-daily-theme] .trinity-card,
html[data-month-theme] .trinity-card,
html[data-daily-theme] .heart-card,
html[data-month-theme] .heart-card,
html[data-daily-theme] .question-card,
html[data-month-theme] .question-card,
html[data-daily-theme] .beauty-card,
html[data-month-theme] .beauty-card,
html[data-daily-theme] .fun-card,
html[data-month-theme] .fun-card,
html[data-daily-theme] .experience-card,
html[data-month-theme] .experience-card,
html[data-daily-theme] .gospel-panel,
html[data-month-theme] .gospel-panel {
  border-color: var(--daily-line) !important;
}

/* 강조 글자 */
html[data-daily-theme] .kicker,
html[data-month-theme] .kicker,
html[data-daily-theme] .eyebrow,
html[data-month-theme] .eyebrow,
html[data-daily-theme] .footer-credit,
html[data-month-theme] .footer-credit,
html[data-daily-theme] .tagline,
html[data-month-theme] .tagline {
  color: var(--daily-accent-bright) !important;
}

/* 버튼 */
html[data-daily-theme] .btn-primary,
html[data-month-theme] .btn-primary,
html[data-daily-theme] .main-nav a:hover,
html[data-month-theme] .main-nav a:hover,
html[data-daily-theme] .main-nav a.active,
html[data-month-theme] .main-nav a.active {
  background: linear-gradient(135deg, #fff1d0, var(--daily-accent-bright) 48%, var(--daily-accent)) !important;
}