/*
 * 테마 색 토큰 — 라이트/다크 색의 유일한 원천 (2026-10-01)
 *
 * ⭐규칙: 화면 CSS·뷰 인라인 style 은 색을 hex 로 쓰지 않고 `var(--ord-*)` 만 쓴다.
 *   라이트 = :root / 다크 = html.dark — 같은 이름에 값만 두 벌. 다크를 고치려면 여기 한 곳만 고친다.
 *   다크 팔레트 = «D3 그래파이트»(바탕 중성 회색 + 액센트만 차콜블루, 사용자 확정 10/1 · 샘플 sample/dark-mode).
 *   ⚠자체 다크모드는 아직 개발자 전용(레이아웃 FOUC 스크립트·theme_controller 게이트) — 완성 뒤 전 회원 개방.
 *
 * 이름 고르는 법
 *   바탕: canvas(셸 바깥) > panel(헤더 pill·사이드바·본문 카드) > surface(본문 안 카드) · surface-2(탭 본문·소계 줄) · band(표 머리·밴드·hover)
 *   선: line(기본) · line-soft(줄 구분·격자) · line-2(입력칸 테두리 등 진한 선)
 *   글자: text(본문·숫자) > text-2(제목 보조·메뉴) > text-3(설명) > text-4(흐린 부기·placeholder) > text-5(0·빈 값)
 *   브랜드: accent(버튼·활성) · accent-strong(활성 글자) · accent-soft(활성 바탕) · on-accent(accent 위 글자) · head-bg(흰 글자를 올리는 진한 띠) · on-solid(head-bg·배지 위 흰 글자)
 *   셸: nav-text(레일 메뉴) · nav-muted(레일 동작·보조 아이콘) · nav-label(그룹 제목) — 셸 밖에서는 쓰지 않는다
 *   단색 버튼: solid-{blue|green|gray|red|amber|cyan|violet|orange}(흰 글자 on-solid 를 올리는 바탕)
 *   상태색: tint-{blue|green|amber|red|violet|indigo|cyan|gray}-{bg|fg|line} — 바탕·글자·선을 항상 짝으로
 *   토큰으로 옮긴 화면의 최상위 요소에는 class="ord-themed" — 옛 다크 덮어쓰기(_dark_mode.css 요소 규칙)가 그 안을 건너뛴다.
 *   회원이 정한 색(진행상태 등)은 토큰이 아니다 → ThemeColorHelper#theme_user_color_vars 로 다크 보정값을 함께 내려 쓴다.
 */

:root {
  --ord-canvas: linear-gradient(180deg, #e9f0f7 0%, #eef3f8 40%, #f3f6fa 100%);
  --ord-canvas-solid: #eef3f8;
  --ord-panel: #ffffff;
  --ord-surface: #ffffff;
  --ord-surface-2: #f6f9fc;
  --ord-band: #f3f7fb;
  --ord-chat-bg: #b2c7d9;          /* 메신저형 이력·소통 대화창 바탕(DB·실적·고객·상담예약 이력) */
  /* 이력 말풍선(DB상세·실적상세·이름 hover 레이어·상담예약 이력) — 10/11 «카카오 노랑» 확정(sample/bubble-style 제안 2) */
  --ord-bubble-own-bg: #fee500;   --ord-bubble-own-fg: #191919;
  --ord-bubble-other-bg: #ffffff; --ord-bubble-other-fg: #191919;
  --ord-bubble-shadow: 0 1px 2px rgba(0, 0, 0, .14);
  --ord-raised: #ffffff;         /* 트랙 위에 떠 있는 칸(세그먼트 활성 등) — 다크에선 트랙보다 밝다 */

  --ord-line: #e2e8f0;
  --ord-line-soft: #eef2f7;
  --ord-line-2: #cbd5e1;

  --ord-text: #111827;
  --ord-text-2: #374151;
  --ord-text-3: #6b7280;
  --ord-text-4: #9ca3af;
  --ord-text-5: #cbd5e1;         /* 가장 흐린 글자(0·빈 값) */

  --ord-accent: #3e6187;
  --ord-accent-strong: #2f4c6b;
  --ord-accent-soft: #eef4f9;
  --ord-on-accent: #ffffff;
  --ord-head-bg: #3e6187;
  --ord-on-solid: #ffffff;       /* head-bg·배지 등 진한 바탕 위 글자(두 테마 공통 흰색) */
  --ord-link: #2563eb;

  /* 셸(헤더·사이드바) 전용 — 차콜 기운이 도는 회색 */
  --ord-nav-text: #5b7186;       /* 1차 레일 메뉴 */
  --ord-nav-muted: #7b93aa;      /* 레일 하단 동작·헤더 아이콘 보조 */
  --ord-nav-label: #a3b3c4;      /* 2차 패널 그룹 제목 */

  --ord-input-bg: #ffffff;
  --ord-focus-ring: #3e618722;
  --ord-shadow: 0 1px 2px rgba(30, 50, 80, .06), 0 8px 24px rgba(30, 50, 80, .08);
  --ord-shadow-pill: 0 1px 2px rgba(30, 50, 80, .06), 0 4px 14px rgba(30, 50, 80, .07);
  --ord-skeleton: #e5e7eb;
  --ord-badge: #dc2626;
  --ord-star: #f59e0b;
  --ord-paper: #ffffff;   /* 서명 칸·QR 등 «종이» — 다크에서도 흰 바탕 고정(저장 이미지·인쇄물과 일치) */
  --ord-ink: #1f2937;     /* 종이 위 글자·서명 잉크 — 고정 */
  --ord-overlay: rgba(0, 0, 0, .5);
  --ord-tooltip-bg: #111827;

  --ord-tint-blue-bg: #eff6ff;   --ord-tint-blue-fg: #2563eb;   --ord-tint-blue-line: #bfdbfe;
  --ord-tint-green-bg: #ecfdf5;  --ord-tint-green-fg: #059669;  --ord-tint-green-line: #a7f3d0;
  --ord-tint-amber-bg: #fffbeb;  --ord-tint-amber-fg: #b45309;  --ord-tint-amber-line: #fde68a;
  --ord-tint-red-bg: #fef2f2;    --ord-tint-red-fg: #dc2626;    --ord-tint-red-line: #fecaca;
  --ord-tint-violet-bg: #f5f3ff; --ord-tint-violet-fg: #7c3aed; --ord-tint-violet-line: #ddd6fe;
  --ord-tint-indigo-bg: #eef2ff; --ord-tint-indigo-fg: #4f46e5; --ord-tint-indigo-line: #c7d2fe;
  --ord-tint-cyan-bg: #ecfeff;   --ord-tint-cyan-fg: #0e7490;   --ord-tint-cyan-line: #a5f3fc;
  --ord-tint-gray-bg: #f3f4f6;   --ord-tint-gray-fg: #4b5563;   --ord-tint-gray-line: #e5e7eb;

  /* 흰 글자를 올리는 단색 버튼·칩 바탕 (글자 = --ord-on-solid) */
  --ord-solid-blue: #2563eb;
  --ord-solid-green: #10b981;
  --ord-solid-gray: #6b7280;
  --ord-solid-red: #dc2626;
  --ord-solid-amber: #f59e0b;
  --ord-solid-cyan: #0891b2;
  --ord-solid-violet: #7c3aed;
  --ord-solid-orange: #fe5500;   /* 검색 버튼(요청서 지정 색) */

  --ord-chart-bar: #bfdbfe;
  --ord-chart-bar-hover: #93c5fd;
  --ord-chart-line: #059669;
  --ord-chart-grid: #f1f5f9;
  --ord-chart-axis: #9ca3af;
  --ord-progress: #6366f1;
  --ord-progress-track: #eef2f7;
  /* 실적 출처 4색 — 대시보드 팀원별 실적 구성(배정DB·공유DB·이관받음·직접등록, 10/11) */
  --ord-src-assign: #4f46e5;
  --ord-src-share: #f472b6;
  --ord-src-xfer: #14b8a6;
  --ord-src-direct: #f59e0b;
  /* 채팅 아바타 12색 — 이름 첫 글자(한글은 초성) 규칙, 오다스챗 PC·안드로이드 avatarColor 와 같은 값(두 테마 동일·흰 글자) */
  --ord-av-0: #e11d48;
  --ord-av-1: #ea580c;
  --ord-av-2: #ca8a04;
  --ord-av-3: #16a34a;
  --ord-av-4: #0d9488;
  --ord-av-5: #0284c7;
  --ord-av-6: #2563eb;
  --ord-av-7: #4f46e5;
  --ord-av-8: #7c3aed;
  --ord-av-9: #c026d3;
  --ord-av-10: #db2777;
  --ord-av-11: #64748b;
}

html.dark {
  --ord-canvas: #0f1012;
  --ord-canvas-solid: #0f1012;
  --ord-panel: #17181b;
  --ord-surface: #1d1f22;
  --ord-surface-2: #1a1b1e;
  --ord-band: #24262a;
  --ord-chat-bg: #15191f;
  --ord-bubble-own-bg: #c9b300;   --ord-bubble-own-fg: #111111;
  --ord-bubble-other-bg: #25282c; --ord-bubble-other-fg: #e5e7eb;
  --ord-bubble-shadow: 0 1px 2px rgba(0, 0, 0, .4);
  --ord-raised: #34373c;

  --ord-line: #2f3236;
  --ord-line-soft: #26282c;
  --ord-line-2: #3d4046;

  --ord-text: #ececee;
  --ord-text-2: #b6b9bf;
  --ord-text-3: #8b8f96;
  --ord-text-4: #6b6f76;
  --ord-text-5: #4f5258;

  --ord-accent: #93b4d8;
  --ord-accent-strong: #bcd2ea;
  --ord-accent-soft: #263445;
  --ord-on-accent: #0f1012;
  --ord-head-bg: #2c4058;
  --ord-on-solid: #ffffff;
  --ord-link: #8fb8ee;

  --ord-nav-text: #9a9ea5;
  --ord-nav-muted: #7d8188;
  --ord-nav-label: #6b6f76;

  --ord-input-bg: #17181b;
  --ord-focus-ring: #93b4d833;
  --ord-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);
  --ord-shadow-pill: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 14px rgba(0, 0, 0, .3);
  --ord-skeleton: #26282c;
  --ord-badge: #e5484d;
  --ord-star: #f5b301;
  --ord-paper: #ffffff;   /* 고정(라이트와 같음) — 서명 칸·QR 등 «종이» 그대로 저장/인쇄되는 곳 */
  --ord-ink: #1f2937;
  --ord-overlay: rgba(0, 0, 0, .7);
  --ord-tooltip-bg: #2c2e33;

  --ord-tint-blue-bg: #1f2b3a;   --ord-tint-blue-fg: #9fc4ee;   --ord-tint-blue-line: #2f4157;
  --ord-tint-green-bg: #1b2e27;  --ord-tint-green-fg: #82d9b4;  --ord-tint-green-line: #29453a;
  --ord-tint-amber-bg: #342b1c;  --ord-tint-amber-fg: #efcb7a;  --ord-tint-amber-line: #504129;
  --ord-tint-red-bg: #352124;    --ord-tint-red-fg: #f2a7a7;    --ord-tint-red-line: #523236;
  --ord-tint-violet-bg: #29263a; --ord-tint-violet-fg: #c7bdf0; --ord-tint-violet-line: #3e3957;
  --ord-tint-indigo-bg: #25273d; --ord-tint-indigo-fg: #b4bcf5; --ord-tint-indigo-line: #393c5c;
  --ord-tint-cyan-bg: #1b2e33;   --ord-tint-cyan-fg: #86d6e3;   --ord-tint-cyan-line: #294750;
  --ord-tint-gray-bg: #26282c;   --ord-tint-gray-fg: #b6b9bf;   --ord-tint-gray-line: #3d4046;

  --ord-solid-blue: #3566c4;
  --ord-solid-green: #1f8f6a;
  --ord-solid-gray: #4b4f56;
  --ord-solid-red: #c23b3b;
  --ord-solid-amber: #b9821c;
  --ord-solid-cyan: #1b7d92;
  --ord-solid-violet: #6a4bb8;
  --ord-solid-orange: #e04d05;

  --ord-chart-bar: #3a4d63;
  --ord-chart-bar-hover: #4a6280;
  --ord-chart-line: #52cfa3;
  --ord-chart-grid: #26282c;
  --ord-chart-axis: #73777e;
  --ord-progress: #8e9cf0;
  --ord-progress-track: #26282c;
  --ord-src-assign: #8e9cf0;
  --ord-src-share: #d98cb4;
  --ord-src-xfer: #3fa397;
  --ord-src-direct: #c9952a;
  /* 채팅 아바타 12색 — 이름 첫 글자(한글은 초성) 규칙, 오다스챗 PC·안드로이드 avatarColor 와 같은 값(두 테마 동일·흰 글자) */
  --ord-av-0: #e11d48;
  --ord-av-1: #ea580c;
  --ord-av-2: #ca8a04;
  --ord-av-3: #16a34a;
  --ord-av-4: #0d9488;
  --ord-av-5: #0284c7;
  --ord-av-6: #2563eb;
  --ord-av-7: #4f46e5;
  --ord-av-8: #7c3aed;
  --ord-av-9: #c026d3;
  --ord-av-10: #db2777;
  --ord-av-11: #64748b;
}

/* 회원·시스템이 정한 색(진행상태·특수상태 정의 등) — 서버가 다크 보정값을 함께 내려준다(ThemeColorHelper).
 *   .ord-uc-bg   : style="--uc:원색;--uc-d:보정색"            → 바탕(점·도넛 범례)
 *   .ord-uc-fg   : style="--uc:원색;--uc-d:보정색"            → 글자
 *   .ord-uc-chip : style="--uc-fg:..;--uc-fg-d:..;--uc-bg:.." → 칩. 다크에선 정의 바탕 대신 글자색을 옅게 깐 바탕
 *   다크에서 너무 어두운 색(검정 등)은 밝게 올린 값으로 바뀐다. 라이트는 정의 색 그대로. */
.ord-uc-bg { background: var(--uc); }
html.dark .ord-uc-bg { background: var(--uc-d, var(--uc)); }
.ord-uc-fg { color: var(--uc); }
html.dark .ord-uc-fg { color: var(--uc-d, var(--uc)); }
.ord-uc-chip { color: var(--uc-fg); background: var(--uc-bg); }
html.dark .ord-uc-chip { color: var(--uc-fg-d, var(--uc-fg)); background: color-mix(in srgb, var(--uc-fg-d, var(--uc-fg)) 18%, var(--ord-surface)); }

/* 지정색 칩(.ord-uc-chip) 다크 글자 = 진행상태 배지와 같은 밝기 하한(0.74) — ThemeColorHelper 보정값(대비 3:1)은 칩 글자로는
 *   흐렸다(10/1 랜딩 유입경로 «틱톡»·«직접 유입» 칩). 색상(hue)은 유지, 바탕은 그 색을 옅게. 미지원 브라우저는 위 3:1 값 그대로. */
@supports (color: oklch(from red l c h)) {
  html.dark .ord-uc-chip {
    --uc-chip-d: oklch(from var(--uc-fg-d, var(--uc-fg)) clamp(0.74, l, 0.92) min(c, 0.17) h);
    color: var(--uc-chip-d);
    background: color-mix(in srgb, var(--uc-chip-d) 16%, var(--ord-surface));
  }
}

/* 정의색 액센트(style="--acc: <정의색>") — 서버가 넘기는 상태·유형 색(모델 hex 또는 토큰)에 알파를 섞어 칠하던 자리.
 *   종전 «<%= 색 %>15» 처럼 hex 뒤에 알파를 붙이던 방식은 색이 var() 이면 무효가 된다 → 칠하는 쪽은 var(--acc-c) 와
 *   color-mix(var(--acc-c) N%) 만 쓴다. 라이트 = 정의색 그대로, 다크 = 같은 hue 밝기 하한(진한 정의색이 묻히지 않게). */
[style*="--acc:"] { --acc-c: var(--acc); }
@supports (color: oklch(from red l c h)) {
  html.dark [style*="--acc:"] { --acc-c: oklch(from var(--acc) clamp(0.74, l, 0.92) min(c, 0.17) h); }
}

/* 상태 pill·카드 액센트(.olc-sys-st --s-acc / .olc --olc-acc = 상태 정의 hex 의 정체성 색, StatusPillHelper.accent) — 다크 보정.
 *   정의색이 진한 회색·남색이면 다크 바탕에 묻힌다 → 같은 색상(hue)으로 밝기 하한(글자 0.74·띠 0.6). 라이트는 정의색 그대로. */
@supports (color: oklch(from red l c h)) {
  html.dark .olc-sys-st {
    --s-acc-d: oklch(from var(--s-acc) clamp(0.74, l, 0.92) min(c, 0.17) h);
    color: var(--s-acc-d);
    background: color-mix(in srgb, var(--s-acc-d) 12%, var(--ord-panel));
    border-color: color-mix(in srgb, var(--s-acc-d) 28%, var(--ord-panel));
  }
  html.dark .olc-sys-st::before { background: var(--s-acc-d); }
  html.dark .olc { --olc-acc-d: oklch(from var(--olc-acc) clamp(0.6, l, 0.9) min(c, 0.17) h); border-left-color: var(--olc-acc-d); }
  html.dark .olc .olc-step.is-done i { background: var(--olc-acc-d); border-color: var(--olc-acc-d); }
}

/* 상품 비교 브랜드 배지(.pc-bbadge, --bc = 이름 해시 브랜드 색) — 다크 글자는 같은 밝기 하한(슬레이트·진한 청록이 묻히던 것). */
@supports (color: oklch(from red l c h)) {
  html.dark .pc-bbadge { color: oklch(from var(--bc) clamp(0.74, l, 0.92) min(c, 0.17) h); }
}

/* 진행상태 배지(.ord-st-pill, StatusPillHelper) 다크 보정 — 정체성 색(--st-acc)을 밝기 하한 0.74 로 올려 글자로,
 *   옅게 깔아 바탕·테두리로 쓴다. 꽉 찬 배지(.is-solid = 정의 바탕+흰 글자 등)는 정의 색 그대로. 회원 설정값 불변.
 *   판정(정체성 색)은 StatusPillHelper·utils/status_pill.js 가 이미 하는 것 — 여기서는 밝기만 다룬다. */
@supports (color: oklch(from red l c h)) {
  html.dark .ord-st-pill:not(.is-solid) {
    --st-acc-d: oklch(from var(--st-acc, var(--ord-text-3)) clamp(0.74, l, 0.92) min(c, 0.17) h);
    color: var(--st-acc-d);
    background: color-mix(in srgb, var(--st-acc-d) 16%, var(--ord-surface));
    border-color: color-mix(in srgb, var(--st-acc-d) 34%, var(--ord-surface));
  }
}


/* 저장된 문서 HTML(계약 본문·미리보기 등) — 2026-10-01 사용자 결정: 문서도 테마를 따른다(흰 종이 고정 철회).
 *   저장본에 박힌 인라인 색은 그대로 두고(PDF·서명 페이지·메일은 원문), 화면에서 다크일 때만 «박힌 색 → 토큰»으로 읽는다.
 *   일반 규칙(글자·바탕·선) 먼저, 의미 색(미입력 빨강·차콜 제목·흐린 안내) 나중 — 같은 특이도라 뒤가 이긴다. */
.ord-doc { background: var(--ord-surface); color: var(--ord-text); border: 1px solid var(--ord-line); }
html.dark .ord-doc [style*="color"] { color: var(--ord-text-2) !important; }
html.dark .ord-doc [style*="background"] { background: var(--ord-band) !important; }
html.dark .ord-doc [style*="border"] { border-color: var(--ord-line) !important; }
html.dark .ord-doc :is([style*="color:#1f2937"], [style*="color: #1f2937"], [style*="color:#111"]) { color: var(--ord-text) !important; }
html.dark .ord-doc :is([style*="#555"], [style*="#9ca3af"], [style*="#9aa3ad"], [style*="#6b7280"]) { color: var(--ord-text-3) !important; }
html.dark .ord-doc :is([style*="#dc2626"], [style*="#ef4444"], [style*="#b91c1c"]) { color: var(--ord-tint-red-fg) !important; }
html.dark .ord-doc :is([style*="color:#3e6187"], [style*="color: #3e6187"]) { color: var(--ord-accent) !important; }

/* 회원이 편집기 팔레트로 고른 글자색·형광펜(ordars-rails-editor COLORS/HIGHLIGHTS) — 다크에서만 보정(저장 HTML 불변, 2026-10-01).
 *   글자색 = 같은 색상(hue)을 유지한 채 밝기 하한 0.78 로 올려 읽히게(진한 남색·슬레이트·갈색이 다크 바탕에 묻히던 것).
 *   형광펜 = 원색을 표면에 30% 섞은 짙은 바탕 + 글자는 상속(밝은 글자) — 연한 바탕에 밝은 글자가 올라 안 보이던 것.
 *   저장본은 «#hex», 편집 중(브라우저가 style 을 다시 씀)은 «rgb(r, g, b)» 라 두 형태 모두 잡는다.
 *   대상 = 게시글 본문(.bpm-content-html)·편집기 입력 영역(.ore-content .tiptap). 팔레트가 바뀌면 여기 목록도 함께. */
@supports (color: oklch(from red l c h)) {
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #0f172a" i], [style*="color: rgb(15, 23, 42)"]) { color: oklch(from #0f172a clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #dc2626" i], [style*="color: rgb(220, 38, 38)"]) { color: oklch(from #dc2626 clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #ea580c" i], [style*="color: rgb(234, 88, 12)"]) { color: oklch(from #ea580c clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #ca8a04" i], [style*="color: rgb(202, 138, 4)"]) { color: oklch(from #ca8a04 clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #16a34a" i], [style*="color: rgb(22, 163, 74)"]) { color: oklch(from #16a34a clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #2563eb" i], [style*="color: rgb(37, 99, 235)"]) { color: oklch(from #2563eb clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #7c3aed" i], [style*="color: rgb(124, 58, 237)"]) { color: oklch(from #7c3aed clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #db2777" i], [style*="color: rgb(219, 39, 119)"]) { color: oklch(from #db2777 clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #64748b" i], [style*="color: rgb(100, 116, 139)"]) { color: oklch(from #64748b clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #3e6187" i], [style*="color: rgb(62, 97, 135)"]) { color: oklch(from #3e6187 clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #0d9488" i], [style*="color: rgb(13, 148, 136)"]) { color: oklch(from #0d9488 clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #92400e" i], [style*="color: rgb(146, 64, 14)"]) { color: oklch(from #92400e clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
  html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="color: #78716c" i], [style*="color: rgb(120, 113, 108)"]) { color: oklch(from #78716c clamp(0.78, l, 0.92) min(c, 0.16) h) !important; }
}
html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="background-color: #fef08a" i], [style*="background-color: rgb(254, 240, 138)"], mark[data-color="#fef08a" i]) { background-color: color-mix(in srgb, #fef08a 30%, var(--ord-surface)) !important; color: inherit !important; }
html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="background-color: #bbf7d0" i], [style*="background-color: rgb(187, 247, 208)"], mark[data-color="#bbf7d0" i]) { background-color: color-mix(in srgb, #bbf7d0 30%, var(--ord-surface)) !important; color: inherit !important; }
html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="background-color: #bfdbfe" i], [style*="background-color: rgb(191, 219, 254)"], mark[data-color="#bfdbfe" i]) { background-color: color-mix(in srgb, #bfdbfe 30%, var(--ord-surface)) !important; color: inherit !important; }
html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="background-color: #fbcfe8" i], [style*="background-color: rgb(251, 207, 232)"], mark[data-color="#fbcfe8" i]) { background-color: color-mix(in srgb, #fbcfe8 30%, var(--ord-surface)) !important; color: inherit !important; }
html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="background-color: #fed7aa" i], [style*="background-color: rgb(254, 215, 170)"], mark[data-color="#fed7aa" i]) { background-color: color-mix(in srgb, #fed7aa 30%, var(--ord-surface)) !important; color: inherit !important; }
html.dark :is(.bpm-content-html, .ore-content .tiptap) :is([style*="background-color: #e9d5ff" i], [style*="background-color: rgb(233, 213, 255)"], mark[data-color="#e9d5ff" i]) { background-color: color-mix(in srgb, #e9d5ff 30%, var(--ord-surface)) !important; color: inherit !important; }