/* Portal-wide runtime theme profiles (html[data-maic-theme]). */

html[data-maic-theme] {
  color-scheme: light;
}

html[data-maic-theme="legacy"] {
  --theme-public-page-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --theme-public-text: #eef2ff;
  --theme-public-backdrop:
    radial-gradient(circle at 16% 20%, rgb(135 152 240 / 18%), transparent 52%),
    linear-gradient(180deg, rgb(23 32 64 / 92%), rgb(8 12 28 / 94%));
  --theme-public-card-bg: rgb(255 255 255 / 10%);
  --theme-public-card-border: rgb(255 255 255 / 20%);
  --theme-public-title-gradient: linear-gradient(135deg, rgb(255 255 255 / 96%), rgb(230 235 255 / 86%));
  --theme-video-search-title-gradient: linear-gradient(135deg, #8b9cf7 0, #9d7bf0 50%, #f5a5fc 100%);
  --theme-video-search-surface: rgb(58 61 92 / 80%);
  --theme-video-search-border: rgb(255 255 255 / 10%);
  --theme-video-search-surface-2: rgb(44 47 72 / 60%);
  --theme-admin-v2-surface-0: #0d1632;
  --theme-admin-v2-surface-1: #132349;
  --theme-admin-v2-surface-2: #1a2d5a;
  --theme-admin-v2-text: #e8eeff;
  --theme-admin-v2-muted: #9fb2de;
  --theme-admin-v2-border: rgb(156 186 255 / 24%);
  --theme-admin-v2-glow-a: rgb(108 165 255 / 14%);
  --theme-admin-v2-glow-b: rgb(86 183 255 / 10%);
  --theme-admin-v2-bg-start: rgb(20 32 66 / 90%);
  --theme-admin-v2-bg-end: rgb(10 18 38 / 92%);
}

html[data-maic-theme="editorial_light_v1"] {
  --primary-color: #2f6ac7;
  --primary-color-dark: #1f4f99;
  --secondary-color: #4a8bcf;
  --accent-color: #f1b443;
  --bg-primary: #f2f6fb;
  --bg-secondary: #e8f0fa;
  --bg-tertiary: #dde9f7;
  --bg-card: rgb(255 255 255 / 84%);
  --bg-input: rgb(255 255 255 / 72%);
  --text-primary: #16273f;
  --text-secondary: #385172;
  --text-muted: #607b9f;
  --border-light: rgb(25 67 126 / 16%);
  --gradient-bg: linear-gradient(145deg, #f4f8fc, #e8f0fa, #dce8f8);
  --gradient-button: linear-gradient(135deg, #2f6ac7, #4a8bcf);
  --font-family:
    "IBM Plex Sans KR",
    "SUIT",
    "Pretendard Variable",
    -apple-system,
    blinkmacsystemfont,
    "Segoe UI",
    sans-serif;
  --theme-public-page-bg: linear-gradient(150deg, #f3f7fd 0%, #dce8f8 100%);
  --theme-public-text: #16273f;
  --theme-public-backdrop:
    radial-gradient(circle at 16% 20%, rgb(57 103 172 / 20%), transparent 52%),
    linear-gradient(180deg, rgb(242 248 252 / 96%), rgb(231 241 250 / 95%));
  --theme-public-card-bg: rgb(255 255 255 / 78%);
  --theme-public-card-border: rgb(39 81 146 / 20%);
  --theme-public-title-gradient: linear-gradient(130deg, #193e73, #4676bb);
  --theme-video-search-title-gradient: linear-gradient(135deg, #2259ad 0, #4a8bcf 50%, #7aa9dc 100%);
  --theme-video-search-surface: rgb(255 255 255 / 76%);
  --theme-video-search-border: rgb(37 75 132 / 16%);
  --theme-video-search-surface-2: rgb(231 241 250 / 92%);
  --theme-admin-v2-surface-0: #edf3fd;
  --theme-admin-v2-surface-1: #dde9f8;
  --theme-admin-v2-surface-2: #cfdef4;
  --theme-admin-v2-text: #17345c;
  --theme-admin-v2-muted: #4f6f99;
  --theme-admin-v2-border: rgb(49 89 149 / 24%);
  --theme-admin-v2-glow-a: rgb(86 131 201 / 18%);
  --theme-admin-v2-glow-b: rgb(93 157 212 / 13%);
  --theme-admin-v2-bg-start: rgb(240 246 253 / 95%);
  --theme-admin-v2-bg-end: rgb(224 236 249 / 95%);
  --theme-admin-v2-led-green: #0f8d66;
  --theme-admin-v2-led-green-glow: rgb(15 141 102 / 42%);
  --theme-admin-v2-led-yellow: #be8a18;
  --theme-admin-v2-led-yellow-glow: rgb(190 138 24 / 38%);
  --theme-admin-v2-led-red: #c6454f;
  --theme-admin-v2-led-red-glow: rgb(198 69 79 / 38%);
  --theme-admin-v2-led-neutral: #7b8fab;
  --theme-admin-v2-led-neutral-glow: rgb(123 143 171 / 32%);
}

html[data-maic-theme="tech_glass_v1"] {
  --primary-color: #3ec2ca;
  --primary-color-dark: #1f8d98;
  --secondary-color: #58a3d9;
  --accent-color: #6ff7d6;
  --bg-primary: #061423;
  --bg-secondary: #0b2238;
  --bg-tertiary: #133251;
  --bg-card: rgb(7 24 40 / 78%);
  --bg-input: rgb(15 37 58 / 70%);
  --text-primary: #d5f7ff;
  --text-secondary: #9ec7d4;
  --text-muted: #7fa4b4;
  --border-light: rgb(96 165 186 / 26%);
  --gradient-bg: linear-gradient(145deg, #03101d, #0a2036, #15324f);
  --gradient-button: linear-gradient(135deg, #2796a4, #58a3d9);
  --font-family:
    "Space Grotesk",
    "IBM Plex Sans KR",
    "Pretendard Variable",
    -apple-system,
    blinkmacsystemfont,
    "Segoe UI",
    sans-serif;
  --theme-public-page-bg: linear-gradient(150deg, #041323 0%, #10263f 100%);
  --theme-public-text: #d5f7ff;
  --theme-public-backdrop:
    radial-gradient(circle at 16% 20%, rgb(62 194 202 / 18%), transparent 52%),
    linear-gradient(180deg, rgb(6 21 36 / 95%), rgb(4 13 24 / 94%));
  --theme-public-card-bg: rgb(9 29 47 / 72%);
  --theme-public-card-border: rgb(97 180 194 / 28%);
  --theme-public-title-gradient: linear-gradient(130deg, #9cecf4, #58a3d9);
  --theme-video-search-title-gradient: linear-gradient(135deg, #66e2ea 0, #58a3d9 50%, #6ff7d6 100%);
  --theme-video-search-surface: rgb(10 28 45 / 82%);
  --theme-video-search-border: rgb(100 173 194 / 26%);
  --theme-video-search-surface-2: rgb(12 35 56 / 88%);
  --theme-admin-v2-surface-0: #071321;
  --theme-admin-v2-surface-1: #0d2238;
  --theme-admin-v2-surface-2: #16324f;
  --theme-admin-v2-text: #d7f6ff;
  --theme-admin-v2-muted: #93bed0;
  --theme-admin-v2-border: rgb(95 173 194 / 30%);
  --theme-admin-v2-glow-a: rgb(62 194 202 / 19%);
  --theme-admin-v2-glow-b: rgb(88 163 217 / 14%);
  --theme-admin-v2-bg-start: rgb(8 24 40 / 94%);
  --theme-admin-v2-bg-end: rgb(4 13 24 / 95%);
}

html[data-maic-theme="warm_studio_v1"] {
  --primary-color: #b55b3f;
  --primary-color-dark: #8f432d;
  --secondary-color: #d47b55;
  --accent-color: #e8b86e;
  --bg-primary: #fff7ef;
  --bg-secondary: #f9ebdd;
  --bg-tertiary: #f2dfcc;
  --bg-card: rgb(255 250 245 / 86%);
  --bg-input: rgb(255 246 236 / 88%);
  --text-primary: #442b1e;
  --text-secondary: #6c4735;
  --text-muted: #8a6653;
  --border-light: rgb(144 93 67 / 20%);
  --gradient-bg: linear-gradient(145deg, #fff8f1, #f9ecdf, #f1decb);
  --gradient-button: linear-gradient(135deg, #b55b3f, #d47b55);
  --font-family:
    "Alegreya Sans",
    "SUIT",
    "Pretendard Variable",
    -apple-system,
    blinkmacsystemfont,
    "Segoe UI",
    sans-serif;
  --theme-public-page-bg: linear-gradient(150deg, #fff8f1 0%, #f0ddc8 100%);
  --theme-public-text: #442b1e;
  --theme-public-backdrop:
    radial-gradient(circle at 16% 20%, rgb(181 91 63 / 18%), transparent 52%),
    linear-gradient(180deg, rgb(255 248 241 / 95%), rgb(249 236 223 / 94%));
  --theme-public-card-bg: rgb(255 251 246 / 78%);
  --theme-public-card-border: rgb(157 102 76 / 24%);
  --theme-public-title-gradient: linear-gradient(130deg, #7c3f2b, #bf6d4b);
  --theme-video-search-title-gradient: linear-gradient(135deg, #8f432d 0, #b55b3f 45%, #d47b55 100%);
  --theme-video-search-surface: rgb(255 250 245 / 86%);
  --theme-video-search-border: rgb(151 98 73 / 22%);
  --theme-video-search-surface-2: rgb(248 236 221 / 92%);
  --theme-admin-v2-surface-0: #fff7ef;
  --theme-admin-v2-surface-1: #f6e9db;
  --theme-admin-v2-surface-2: #eedbc6;
  --theme-admin-v2-text: #4a2f21;
  --theme-admin-v2-muted: #775241;
  --theme-admin-v2-border: rgb(150 95 69 / 24%);
  --theme-admin-v2-glow-a: rgb(181 91 63 / 16%);
  --theme-admin-v2-glow-b: rgb(212 123 85 / 13%);
  --theme-admin-v2-bg-start: rgb(255 248 240 / 95%);
  --theme-admin-v2-bg-end: rgb(246 233 218 / 95%);
  --theme-admin-v2-led-green: #2b8a5d;
  --theme-admin-v2-led-green-glow: rgb(43 138 93 / 38%);
  --theme-admin-v2-led-yellow: #bf7f2a;
  --theme-admin-v2-led-yellow-glow: rgb(191 127 42 / 34%);
  --theme-admin-v2-led-red: #bc4d4d;
  --theme-admin-v2-led-red-glow: rgb(188 77 77 / 34%);
  --theme-admin-v2-led-neutral: #865;
  --theme-admin-v2-led-neutral-glow: rgb(136 102 85 / 28%);
}