/* Theme "dear-employee" (ADR 0046). Generated from its data: edit the theme, not this file. */
@font-face {
  font-family: 'Domine';
  src: url(/packages/@dearemployee/theme/fonts/Domine-Regular.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Domine';
  src: url(/packages/@dearemployee/theme/fonts/Domine-SemiBold.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Domine';
  src: url(/packages/@dearemployee/theme/fonts/Domine-Bold.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url(/packages/@dearemployee/theme/fonts/SourceSansPro-Regular.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url(/packages/@dearemployee/theme/fonts/SourceSansPro-Italic.woff2) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url(/packages/@dearemployee/theme/fonts/SourceSansPro-SemiBold.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url(/packages/@dearemployee/theme/fonts/SourceSansPro-Bold.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@layer opa-theme.globals, opa-theme.theme;

@layer opa-theme.theme {
  :root {
    color-scheme: light;
    --opa--color--base--bg: #ffffff;
    --opa--color--base--surface: #f4fcfb;
    --opa--color--base--text: #000000;
    --opa--color--base--text-muted: #4a4a4a;
    --opa--color--base--border: #e3f7f7;
    --opa--color--base--action: #167f7a;
    --opa--color--base--on-action: #ffffff;
    --opa--color--base--focus: #167f7a;
    --opa--color--accent--bg: #167f7a;
    --opa--color--accent--surface: #167f7a;
    --opa--color--accent--text: #ffffff;
    --opa--color--accent--text-muted: #f4fcfb;
    --opa--color--accent--border: #32c4bf;
    --opa--color--accent--action: #b84f24;
    --opa--color--accent--on-action: #ffffff;
    --opa--color--accent--focus: #ffffff;
    --opa--color--success--bg: #eef7ee;
    --opa--color--success--surface: #cfe8d1;
    --opa--color--success--text: #1d5e2a;
    --opa--color--success--text-muted: #1d5e2a;
    --opa--color--success--border: #9fd0a6;
    --opa--color--success--action: #1d5e2a;
    --opa--color--success--on-action: #ffffff;
    --opa--color--success--focus: #1d5e2a;
    --opa--color--info--bg: #f4fcfb;
    --opa--color--info--surface: #e3f7f7;
    --opa--color--info--text: #0f5753;
    --opa--color--info--text-muted: #0f5753;
    --opa--color--info--border: #8fd3db;
    --opa--color--info--action: #0f5753;
    --opa--color--info--on-action: #ffffff;
    --opa--color--info--focus: #0f5753;
    --opa--color--warning--bg: #fff8e6;
    --opa--color--warning--surface: #ffecb8;
    --opa--color--warning--text: #7a5006;
    --opa--color--warning--text-muted: #7a5006;
    --opa--color--warning--border: #ffd77a;
    --opa--color--warning--action: #7a5006;
    --opa--color--warning--on-action: #ffffff;
    --opa--color--warning--focus: #7a5006;
    --opa--color--error--bg: #fdf0ef;
    --opa--color--error--surface: #f9d3cf;
    --opa--color--error--text: #9b1c1c;
    --opa--color--error--text-muted: #9b1c1c;
    --opa--color--error--border: #f2a59d;
    --opa--color--error--action: #9b1c1c;
    --opa--color--error--on-action: #ffffff;
    --opa--color--error--focus: #9b1c1c;
    --opa--space--100: 0.125rem;
    --opa--space--200: 0.25rem;
    --opa--space--300: 0.5rem;
    --opa--space--400: 1rem;
    --opa--space--500: 1.5rem;
    --opa--space--600: 2rem;
    --opa--space--700: 3rem;
    --opa--space--800: 4rem;
    --opa--space--900: 6rem;
    --opa--font--family-body: 'Source Sans Pro', 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --opa--font--family-heading: Domine, Georgia, 'Times New Roman', serif;
    --opa--font--family-heading-alt: 'Source Sans Pro', 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --opa--font--size-display: clamp(2.75rem, 1.5rem + 5vw, 4.5rem);
    --opa--font--line-height-display: 1.05;
    --opa--font--weight-display: 400;
    --opa--font--letter-spacing-display: -0.01em;
    --opa--font--size-title: clamp(2rem, 1.25rem + 3vw, 3rem);
    --opa--font--line-height-title: 1.2;
    --opa--font--weight-title: 400;
    --opa--font--letter-spacing-title: 0em;
    --opa--font--size-heading: clamp(1.5rem, 1.1rem + 1.6vw, 2.25rem);
    --opa--font--line-height-heading: 1.25;
    --opa--font--weight-heading: 400;
    --opa--font--letter-spacing-heading: 0em;
    --opa--font--size-subheading: 1.25rem;
    --opa--font--line-height-subheading: 1.3;
    --opa--font--weight-subheading: 700;
    --opa--font--letter-spacing-subheading: 0em;
    --opa--font--size-lead: 1.25rem;
    --opa--font--line-height-lead: 1.5;
    --opa--font--weight-lead: 400;
    --opa--font--letter-spacing-lead: 0em;
    --opa--font--size-body: 1.125rem;
    --opa--font--line-height-body: 1.6;
    --opa--font--weight-body: 400;
    --opa--font--letter-spacing-body: 0em;
    --opa--font--size-small: 0.9375rem;
    --opa--font--line-height-small: 1.5;
    --opa--font--weight-small: 400;
    --opa--font--letter-spacing-small: 0em;
    --opa--font--size-caption: 0.8125rem;
    --opa--font--line-height-caption: 1.4;
    --opa--font--weight-caption: 400;
    --opa--font--letter-spacing-caption: 0.01em;
    --opa--font--weight-strong: 700;
    --opa--prose--layout--measure: 72rem;
    --opa--dear-stats--color--action: #0da6a1;
    --opa--dear-stats--font--size-display: 4.3125rem;
    --opa--dear-stats--font--line-height-display: 1;
    --opa--dear-stats--font--weight-display: 700;
    --opa--dear-stats--font--size-body: clamp(1rem, 2.656rem - 2.41vw, 1.5rem);
    --opa--dear-stats--font--line-height-label: 1;
    --opa--dear-stats--font--line-height-body: 1.5;
    --opa--dear-stats--layout--item-width: 16.6875rem;
    --opa--dear-stats--space--gap: 0;
    --opa--dear-stats--space--block-start: 9.0625rem;
    --opa--dear-stats--space--block-end: 5rem;
    --opa--dear-stats--space--block-start-narrow: 5.3125rem;
    --opa--dear-stats--space--gap-narrow: 1.75rem;
    --opa--dear-stats--space--block-end-narrow: 2.5rem;
    --opa--dear-stats--space--decoration-top: 0.75rem;
    --opa--dear-stats--space--decoration-drift: 6.25rem;
    --opa--dear-cards--layout--width: 77.5rem;
    --opa--dear-cards--space--400: 1.25rem;
    --opa--dear-cards--space--card: 0.9375rem 0.875rem 2.5rem;
    --opa--dear-cards--radius--700: 1.25rem;
    --opa--dear-cards--layout--icon-width: auto;
    --opa--dear-cards--layout--icon-height: auto;
    --opa--dear-cards--space--icon: 1.125rem;
    --opa--dear-cards--font--line-height-subheading: 1;
    --opa--dear-cards--space--title: 2.5rem;
    --opa--dear-cards--font--size-body: 1rem;
    --opa--dear-cards--font--line-height-body: 1.25;
    --opa--dear-cards--layout--text-width: 14.75rem;
    --opa--dear-cards--space--block-start: 5rem;
    --opa--dear-cards--space--block-end: 10.125rem;
    --opa--dear-cards--space--block-start-narrow: 2.5rem;
    --opa--dear-cards--space--block-end-narrow: 1.875rem;
    --opa--dear-cards--space--decoration-top: -4.5rem;
    --opa--dear-cards--space--decoration-drift: 3.75rem;
    --opa--dear-cards--space--decoration-inset: -12rem;
    --opa--dear-tabs--layout--width: 71.25rem;
    --opa--dear-tabs--space--block-start: 8.125rem;
    --opa--dear-tabs--space--block-end: 6.875rem;
    --opa--dear-tabs--color--surface: #f1fbfb;
    --opa--dear-tabs--color--tab: #e3f7f7;
    --opa--dear-tabs--radius--tab: 0.3125rem;
    --opa--dear-tabs--color--text-muted: #898989;
    --opa--dear-tabs--color--action: #000000;
    --opa--dear-tabs--radius--700: 1.25rem;
    --opa--dear-tabs--space--inner: 5rem 1.875rem 5.625rem;
    --opa--dear-tabs--space--block-start-narrow: 3.125rem;
    --opa--dear-tabs--space--block-end-narrow: 3.125rem;
    --opa--dear-tabs--space--inner-narrow: 1.875rem 0.625rem 5.625rem;
    --opa--dear-tabs--space--panel-narrow: 2.5rem;
    --opa--dear-tabs--font--size-heading: 1.9375rem;
    --opa--dear-tabs--font--line-height-heading: 1;
    --opa--dear-tabs--font--weight-heading: 400;
    --opa--dear-tabs--layout--heading-width: 32.5rem;
    --opa--dear-tabs--space--heading: 3.625rem;
    --opa--dear-tabs--layout--intro-width: 48.25rem;
    --opa--dear-tabs--font--line-height-body: 1.45;
    --opa--dear-tabs--space--intro: 3.75rem;
    --opa--dear-tabs--space--label: 1.1875rem 0;
    --opa--dear-tabs--font--line-height-label: 1;
    --opa--dear-tabs--space--panel: 8.25rem 1.25rem 8.25rem 3.125rem;
    --opa--dear-tabs--space--panel-gap: 0;
    --opa--dear-tabs--font--size-panel-title: clamp(1.5rem, 1.175rem + 1.333vw, 2.125rem);
    --opa--dear-tabs--font--line-height-panel-title: 1.35;
    --opa--dear-tabs--space--panel-title: 2.5rem;
    --opa--dear-tabs--font--size-panel-body: 1.25rem;
    --opa--dear-tabs--font--line-height-panel-body: 1.15;
    --opa--dear-tabs--space--panel-body: 2.5rem;
    --opa--dear-tabs--layout--panel-body-width: 17.75rem;
    --opa--dear-tabs--font--size-button: 1.25rem;
    --opa--dear-tabs--font--line-height-button: 1.25;
    --opa--dear-tabs--font--weight-button: 600;
    --opa--dear-tabs--space--button: 0.5rem 1.1875rem;
    --opa--posts-list--color--surface: transparent;
    --opa--posts-list--shadow--500: none;
    --opa--posts-list--radius--500: 1.25rem;
    --opa--posts-list--color--action: #000000;
    --opa--posts-list--color--text-muted: #000000;
    --opa--posts-list--font--size-heading: 2rem;
    --opa--posts-list--font--line-height-heading: 1;
    --opa--posts-list--font--weight-heading: 400;
    --opa--posts-list--font--size-subheading: 1.25rem;
    --opa--posts-list--font--line-height-subheading: 1.25;
    --opa--posts-list--font--weight-subheading: 600;
    --opa--posts-list--font--size-body: 1rem;
    --opa--posts-list--font--line-height-small: 1.25;
    --opa--radius--500: 0.75rem;
    --opa--radius--700: 1.5rem;
    --opa--color--bg: var(--opa--color--base--bg);
    --opa--color--surface: var(--opa--color--base--surface);
    --opa--color--text: var(--opa--color--base--text);
    --opa--color--text-muted: var(--opa--color--base--text-muted);
    --opa--color--border: var(--opa--color--base--border);
    --opa--color--action: var(--opa--color--base--action);
    --opa--color--on-action: var(--opa--color--base--on-action);
    --opa--color--focus: var(--opa--color--base--focus);
    --opa--logo--if-dark: initial;
  }
  [data-color-family='base'] {
    --opa--color--bg: var(--opa--color--base--bg);
    --opa--color--surface: var(--opa--color--base--surface);
    --opa--color--text: var(--opa--color--base--text);
    --opa--color--text-muted: var(--opa--color--base--text-muted);
    --opa--color--border: var(--opa--color--base--border);
    --opa--color--action: var(--opa--color--base--action);
    --opa--color--on-action: var(--opa--color--base--on-action);
    --opa--color--focus: var(--opa--color--base--focus);
  }
  [data-color-family='accent'] {
    --opa--color--bg: var(--opa--color--accent--bg);
    --opa--color--surface: var(--opa--color--accent--surface);
    --opa--color--text: var(--opa--color--accent--text);
    --opa--color--text-muted: var(--opa--color--accent--text-muted);
    --opa--color--border: var(--opa--color--accent--border);
    --opa--color--action: var(--opa--color--accent--action);
    --opa--color--on-action: var(--opa--color--accent--on-action);
    --opa--color--focus: var(--opa--color--accent--focus);
  }
  [data-color-family='success'] {
    --opa--color--bg: var(--opa--color--success--bg);
    --opa--color--surface: var(--opa--color--success--surface);
    --opa--color--text: var(--opa--color--success--text);
    --opa--color--text-muted: var(--opa--color--success--text-muted);
    --opa--color--border: var(--opa--color--success--border);
    --opa--color--action: var(--opa--color--success--action);
    --opa--color--on-action: var(--opa--color--success--on-action);
    --opa--color--focus: var(--opa--color--success--focus);
  }
  [data-color-family='info'] {
    --opa--color--bg: var(--opa--color--info--bg);
    --opa--color--surface: var(--opa--color--info--surface);
    --opa--color--text: var(--opa--color--info--text);
    --opa--color--text-muted: var(--opa--color--info--text-muted);
    --opa--color--border: var(--opa--color--info--border);
    --opa--color--action: var(--opa--color--info--action);
    --opa--color--on-action: var(--opa--color--info--on-action);
    --opa--color--focus: var(--opa--color--info--focus);
  }
  [data-color-family='warning'] {
    --opa--color--bg: var(--opa--color--warning--bg);
    --opa--color--surface: var(--opa--color--warning--surface);
    --opa--color--text: var(--opa--color--warning--text);
    --opa--color--text-muted: var(--opa--color--warning--text-muted);
    --opa--color--border: var(--opa--color--warning--border);
    --opa--color--action: var(--opa--color--warning--action);
    --opa--color--on-action: var(--opa--color--warning--on-action);
    --opa--color--focus: var(--opa--color--warning--focus);
  }
  [data-color-family='error'] {
    --opa--color--bg: var(--opa--color--error--bg);
    --opa--color--surface: var(--opa--color--error--surface);
    --opa--color--text: var(--opa--color--error--text);
    --opa--color--text-muted: var(--opa--color--error--text-muted);
    --opa--color--border: var(--opa--color--error--border);
    --opa--color--action: var(--opa--color--error--action);
    --opa--color--on-action: var(--opa--color--error--on-action);
    --opa--color--focus: var(--opa--color--error--focus);
  }
}