/* Shared design styles, loaded only by pages using the new design. */

:root {
  --site-shell-max-width: 1440px;
  --site-menu-width: 238px;
  --site-popup-wide-width: 700px;
  --site-layout-gap: 20px;
  --button-color: var(--accent-primary);
  --button-border: var(--accent-border);
  --button-active-bg: linear-gradient(to bottom, #BCA963 0%, #D0C38A 55%, #DDD29E 100%);
  --button-icon-size: 18px;
  --button-pad-v: 5px;
  --button-pad-h: 10px;
  --button-gap: 6px;
  --button-font-size: 15px;
  --tip-bg: var(--accent-dark);
  --tip-color: var(--surface);
  --accent-primary: #771E23;
  --accent-border: #b6a259;
  --accent-light: #eee2bb;
  --accent-dark: #313131;
  --pill-height: 36px;
  --pill-radius: 20px;
  --panel-radius: 12px;
  --row-font-size: 13.5px;
  --child-font-size: 12.5px;
  --row-padding: 10px 4px;
  --panel-bg: #fdfcf8;
  --surface: #fff;
  --text-body: var(--accent-dark);
  --text-muted: #666;
  --desk-gold-ink: var(--accent-light);
  --desk-gold-edge: var(--accent-border);
  --desk-gilded: linear-gradient(180deg,#faf4dc 0%,#eee1b6 46%,#e2d09a 100%);
  --desk-command-width: 32px;
  --desk-command-gap: 5px;
  --desk-control-row-height: 36px;
  --line-subtle: #e8dec2;
  --reading-ink: var(--accent-dark);
  --page-bg: #f2efe6;
  --masthead-bg: #faf5e3;
  --toolbar-bg: linear-gradient(#fbf7e9 0%, #f1e7c7 100%);
  --panel-border: #c6b477;
  --control-border: #d9d3c5;
  --focus-ring: #967e35;
  --caption-gold: #907021;
  --gilded-hover: linear-gradient(#fff9e5, #e9d8a2);
  --surface-interactive: #f4eddb;
  --warning-ink: #705224;
  --accent-hover: #92313a;
  --accent-soft: #771e2310;
  --emphasized-face: linear-gradient(#862a32, #701b24);
  --emphasized-hover: linear-gradient(var(--accent-hover), var(--accent-primary));
  --shadow-color: #00000026;
  --shadow-strong: #00000066;
  --overlay-dim: #00000099;
  --overlay-light: #ffffffcc;
  --surface-glint: #ffffff26;
  --media-bg: #000;
  --pdf-stage: #555;
  --find-term-0: #fdb458;
  --find-term-1: #c1aab8;
  --find-term-2: #97b762;
  --find-term-3: #83bdb1;
  --poll-answer-0: #971d68;
  --poll-answer-1: #fdb458;
  --poll-answer-2: #97b762;
  --poll-answer-3: #83bdb1;
  --poll-answer-4: #7e6faa;
  --poll-answer-5: #ff6f69;
  --poll-answer-6: #5f4b8b;
  --poll-answer-7: #88b04b;
  --poll-answer-8: #92a8d1;
  --find-current: #e9ba58;
  /* Effort scale: reusable by rating buttons, charts and future Daf consumers. */
  --effort-color-1: #43a047;
  --effort-color-2: #98bd32;
  --effort-color-3: #e5b52b;
  --effort-color-4: #ef8126;
  --effort-color-5: #cc3434;
}

@font-face {
  font-family: Assistant;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/master/fonts/assistant-hebrew.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Assistant;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/master/fonts/assistant-hebrew.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Assistant;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/master/fonts/assistant-latin-ext.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Assistant;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/master/fonts/assistant-latin-ext.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Assistant;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/master/fonts/assistant-latin.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Assistant;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/master/fonts/assistant-latin.woff2") format("woff2");
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Assistant;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/master/fonts/daf-cyrillic-400.woff2") format("woff2");
  unicode-range: U+401, U+410-44F, U+451;
}

@font-face {
  font-family: Assistant;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/master/fonts/daf-cyrillic-600.woff2") format("woff2");
  unicode-range: U+401, U+410-44F, U+451;
}

:root {
  --layer-chat: 520;
  /* Temporary pointer capture while resizing; above chat, below native top layer. */
  --layer-drag-overlay: 530;
  --layer-toolbar: 300;
  --layer-header: 400;
  --layer-player: 450;
  --layer-menu: 460;
  --layer-modal-backdrop: 500;
  --layer-modal: 510;
}