/*
 * Praca.ua shared visual system.
 *
 * Public marketplace, quick forms and authenticated workspaces use the same
 * typography and colour tokens.  The local font files keep Cyrillic rendering
 * identical on every device and avoid a network dependency on Google Fonts.
 */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
  src: url("fonts/montserrat-cyrillic-600-900.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
  src: url("fonts/montserrat-latin-ext-600-900.woff2") format("woff2");
  unicode-range: U+0100-02FF, U+0304, U+0308, U+0329, U+1E00-1EFF, U+2020, U+20A0-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600 900;
  font-display: swap;
  src: url("fonts/montserrat-latin-600-900.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("fonts/open-sans-cyrillic-400-800.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("fonts/open-sans-latin-ext-400-800.woff2") format("woff2");
  unicode-range: U+0100-02FF, U+0304, U+0308, U+0329, U+1E00-1EFF, U+2020, U+20A0-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("fonts/open-sans-latin-400-800.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --praca-coral: #f56a4f;
  --praca-coral-hover: #c74831;
  --praca-coral-soft: rgba(245, 106, 79, .12);
  --praca-heading: "Montserrat", "Open Sans", sans-serif;
  --praca-body: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Compatibility aliases used by the v5 pages and workspaces. */
  --coral: var(--praca-coral);
  --coral-dark: var(--praca-coral-hover);
  --coral-light: #f98a73;
  --coral-bg: var(--praca-coral-soft);
  --coral-glow: rgba(245, 106, 79, .25);
  --font: var(--praca-body);
  --font-body: var(--praca-body);
  --font-heading: var(--praca-heading);
  --c-accent: var(--praca-coral);
  --c-accent-hover: var(--praca-coral-hover);
  --c-font: var(--praca-body);
  --cr-coral: var(--praca-coral);
  --cr-head: var(--praca-heading);
  --accent: var(--praca-coral);
  --accent-hover: var(--praca-coral-hover);
  --card-bg: var(--card, var(--surface, #ffffff));
  --text-muted: var(--text2, var(--muted, #5f6470));
}

html[data-theme="dark"],
html.dark {
  --praca-coral: #ff8063;
  --praca-coral-hover: #ff9a82;
  --praca-coral-soft: rgba(255, 128, 99, .15);
  --c-bg: #111319;
  --c-surface: #191b23;
  --c-surface2: #22252f;
  --c-text: #f4f5f7;
  --c-text2: #b7bac5;
  --c-text3: #a4a8b4;
  --c-border: #353844;
  --c-border2: #484c59;
  --c-hover: #282b36;
  color-scheme: dark;
}

body,
button,
input,
select,
textarea {
  font-family: var(--praca-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
.brand,
.logo,
.auth-logo,
.wc-portal-brand {
  font-family: var(--praca-heading);
}

h1,
h2 {
  font-weight: 900;
  letter-spacing: -.03em;
}

h3,
h4,
h5,
h6,
.brand,
.logo,
.auth-logo,
.wc-portal-brand {
  font-weight: 700;
}

:focus-visible {
  outline-color: var(--praca-coral);
}

html[data-theme="dark"] .auth-ctr {
  background: var(--c-surface);
  border-color: var(--c-border);
  box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
}

html[data-theme="dark"] .soc-btn,
html[data-theme="dark"] .account-action,
html[data-theme="dark"] .role-card,
html[data-theme="dark"] .chip {
  background: var(--c-surface);
}