/* Theme "joaquim" (ADR 0046). Generated from its data: edit the theme, not this file. */
@font-face {
  font-family: 'EB Garamond';
  src: url(/packages/@joaquimquerol/theme/fonts/eb-garamond-latin-400-normal.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'EB Garamond';
  src: url(/packages/@joaquimquerol/theme/fonts/eb-garamond-latin-400-italic.woff2) format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'EB Garamond';
  src: url(/packages/@joaquimquerol/theme/fonts/eb-garamond-latin-500-normal.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url(/packages/@joaquimquerol/theme/fonts/source-sans-3-latin-400-normal.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans 3';
  src: url(/packages/@joaquimquerol/theme/fonts/source-sans-3-latin-600-normal.woff2) format('woff2');
  font-weight: 600;
  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: #f7f2ea;
    --opa--color--base--surface: #fffcf7;
    --opa--color--base--text: #2a1f17;
    --opa--color--base--text-muted: #5e4e42;
    --opa--color--base--border: #d8c8b5;
    --opa--color--base--action: #6b2a20;
    --opa--color--base--on-action: #ffffff;
    --opa--color--base--focus: #2c6a60;
    --opa--color--accent--bg: #6b2a20;
    --opa--color--accent--surface: #5a2219;
    --opa--color--accent--text: #fbefe4;
    --opa--color--accent--text-muted: #ebd3c6;
    --opa--color--accent--border: #a34e30;
    --opa--color--accent--action: #f2d6b6;
    --opa--color--accent--on-action: #4a1a12;
    --opa--color--accent--focus: #f2d6b6;
    --opa--color--success--bg: #e8ecdc;
    --opa--color--success--surface: #dde4cb;
    --opa--color--success--text: #3e5124;
    --opa--color--success--text-muted: #4f6630;
    --opa--color--success--border: #b9c59a;
    --opa--color--success--action: #3e5124;
    --opa--color--success--on-action: #ffffff;
    --opa--color--success--focus: #3e5124;
    --opa--color--info--bg: #e6f1ee;
    --opa--color--info--surface: #f8fbfa;
    --opa--color--info--text: #1d3f3a;
    --opa--color--info--text-muted: #34423f;
    --opa--color--info--border: #a9cfc7;
    --opa--color--info--action: #2c6a60;
    --opa--color--info--on-action: #ffffff;
    --opa--color--info--focus: #2c6a60;
    --opa--color--warning--bg: #fbebd0;
    --opa--color--warning--surface: #f6dcae;
    --opa--color--warning--text: #4a3305;
    --opa--color--warning--text-muted: #6b4a08;
    --opa--color--warning--border: #e3be7a;
    --opa--color--warning--action: #6e4805;
    --opa--color--warning--on-action: #ffffff;
    --opa--color--warning--focus: #6e4805;
    --opa--color--error--bg: #fbe4df;
    --opa--color--error--surface: #f6cfc6;
    --opa--color--error--text: #7a1f14;
    --opa--color--error--text-muted: #8a2618;
    --opa--color--error--border: #e9a898;
    --opa--color--error--action: #8f2318;
    --opa--color--error--on-action: #ffffff;
    --opa--color--error--focus: #8f2318;
    --opa--color--emphasis: #a34e30;
    --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--radius--500: 1rem;
    --opa--radius--600: 1.25rem;
    --opa--radius--700: 1.5rem;
    --opa--radius--800: 2rem;
    --opa--cta--radius--500: 1.5rem;
    --opa--form--radius--500: 0.5rem;
    --opa--font--family-body: 'EB Garamond', Garamond, Georgia, 'Times New Roman', serif;
    --opa--font--family-heading: 'EB Garamond', Garamond, Georgia, 'Times New Roman', serif;
    --opa--font--family-heading-alt: 'EB Garamond', Garamond, Georgia, 'Times New Roman', serif;
    --opa--font--weight-emphasis: 400;
    --opa--font--size-display: clamp(2.6rem, 1.5rem + 4.4vw, 4.8rem);
    --opa--font--line-height-display: 1.06;
    --opa--font--weight-display: 400;
    --opa--font--letter-spacing-display: -0.012em;
    --opa--font--size-title: clamp(2.4rem, 1.4rem + 4vw, 4.4rem);
    --opa--font--line-height-title: 1.06;
    --opa--font--weight-title: 400;
    --opa--font--letter-spacing-title: -0.012em;
    --opa--font--size-heading: clamp(1.875rem, 1.5rem + 1.5vw, 2.375rem);
    --opa--font--line-height-heading: 1.15;
    --opa--font--weight-heading: 400;
    --opa--font--letter-spacing-heading: 0em;
    --opa--font--size-subheading: clamp(1.375rem, 1.25rem + 0.5vw, 1.5rem);
    --opa--font--line-height-subheading: 1.25;
    --opa--font--weight-subheading: 500;
    --opa--font--letter-spacing-subheading: 0em;
    --opa--font--size-lead: clamp(1.25rem, 1.125rem + 0.5vw, 1.4375rem);
    --opa--font--line-height-lead: 1.5;
    --opa--font--weight-lead: 400;
    --opa--font--letter-spacing-lead: 0em;
    --opa--font--size-body: clamp(1.125rem, 1rem + 0.5vw, 1.25rem);
    --opa--font--line-height-body: 1.55;
    --opa--font--weight-body: 400;
    --opa--font--letter-spacing-body: 0em;
    --opa--font--size-small: clamp(0.875rem, 0.8125rem + 0.25vw, 0.9375rem);
    --opa--font--line-height-small: 1.6;
    --opa--font--weight-small: 400;
    --opa--font--letter-spacing-small: 0em;
    --opa--font--size-caption: 0.8125rem;
    --opa--font--line-height-caption: 1.5;
    --opa--font--weight-caption: 600;
    --opa--font--letter-spacing-caption: 0.08em;
    --opa--font--weight-strong: 500;
    --opa--layout--width: 70rem;
    --opa--joaquim-hero--font--family-ui: 'Source Sans 3', 'Helvetica Neue', Arial, system-ui, sans-serif;
    --opa--joaquim-split--font--family-ui: 'Source Sans 3', 'Helvetica Neue', Arial, system-ui, sans-serif;
    --opa--joaquim-facts--font--family-ui: 'Source Sans 3', 'Helvetica Neue', Arial, system-ui, sans-serif;
    --opa--joaquim-band--font--family-ui: 'Source Sans 3', 'Helvetica Neue', Arial, system-ui, sans-serif;
    --opa--joaquim-filter--font--family-ui: 'Source Sans 3', 'Helvetica Neue', Arial, system-ui, sans-serif;
    --opa--joaquim-resources--font--family-ui: 'Source Sans 3', 'Helvetica Neue', Arial, system-ui, sans-serif;
    --opa--joaquim-note--font--family-ui: 'Source Sans 3', 'Helvetica Neue', Arial, system-ui, sans-serif;
    --opa--joaquim-cta--font--family-ui: 'Source Sans 3', 'Helvetica Neue', Arial, system-ui, sans-serif;
    --opa--joaquim-cards--color--heading: #5a2219;
    --opa--joaquim-split--color--heading: #5a2219;
    --opa--joaquim-facts--color--heading: #5a2219;
    --opa--joaquim-resources--color--heading: #5a2219;
    --opa--joaquim-hero--color--heading: #4a1a12;
    --opa--joaquim-hero--color--soft-text: #4a1a12;
    --opa--joaquim-cards--color--card-text: #4a3b30;
    --opa--joaquim-cards--font--size-body: 1.125rem;
    --opa--joaquim-split--color--body: #4a3b30;
    --opa--joaquim-band--color--button: #5db3a6;
    --opa--joaquim-band--color--on-button: #12201d;
    --opa--form--color--input-bg: #fffcf7;
    --opa--joaquim-cta--color--bg: #a34e30;
    --opa--joaquim-cta--color--text: #ffffff;
    --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);
  }
}