@import url('../lib/webawesome/styles/layers.css');

@layer wa-theme {
  .wa-theme-conservative-news,
  .wa-theme-conservative-news.wa-light,
  .wa-theme-conservative-news .wa-light {
    color-scheme: light;
    color: var(--wa-color-text-normal);

    --wa-color-surface-raised: #ffffff;
    --wa-color-surface-default: #f7f7f8;
    --wa-color-surface-lowered: #eceef2;
    --wa-color-surface-border: #d7dbe2;

    --wa-color-text-normal: #17191f;
    --wa-color-text-quiet: #5f6875;
    --wa-color-text-link: #255a9b;

    --wa-color-brand-05: #30050a;
    --wa-color-brand-10: #4b0710;
    --wa-color-brand-20: #700c18;
    --wa-color-brand-30: #971522;
    --wa-color-brand-40: #be2030;
    --wa-color-brand-50: #df2d3e;
    --wa-color-brand-60: #ec5c68;
    --wa-color-brand-70: #f28a92;
    --wa-color-brand-80: #f6b9be;
    --wa-color-brand-90: #fbe1e4;
    --wa-color-brand-95: #fdf0f1;
    --wa-color-brand: #df2d3e;
    --wa-color-brand-on: #ffffff;

    --wa-color-brand-fill-quiet: var(--wa-color-brand-95);
    --wa-color-brand-fill-normal: var(--wa-color-brand-90);
    --wa-color-brand-fill-loud: var(--wa-color-brand-50);
    --wa-color-brand-border-quiet: var(--wa-color-brand-90);
    --wa-color-brand-border-normal: var(--wa-color-brand-70);
    --wa-color-brand-border-loud: var(--wa-color-brand-40);
    --wa-color-brand-on-quiet: var(--wa-color-brand-30);
    --wa-color-brand-on-normal: var(--wa-color-brand-20);
    --wa-color-brand-on-loud: #ffffff;

    --wa-color-success-fill-loud: #2f8f5b;
    --wa-color-success-on-loud: #ffffff;
    --wa-color-warning-fill-loud: #c47a1f;
    --wa-color-warning-on-loud: #17191f;
    --wa-color-danger-fill-loud: #c51f35;
    --wa-color-danger-on-loud: #ffffff;

    --wa-font-family-body: "Manrope", Arial, Helvetica, sans-serif;
    --wa-font-family-heading: "Newsreader", Georgia, "Times New Roman", serif;
    --wa-font-weight-heading: 700;
    --wa-font-weight-action: 700;
    --wa-border-radius-s: .25rem;
    --wa-border-radius-m: .375rem;
    --wa-border-radius-l: .5rem;
  }

  @media (prefers-color-scheme: dark) {
    .wa-theme-conservative-news:not(.wa-light) {
      color-scheme: dark;
      color: var(--wa-color-text-normal);

      --wa-color-surface-raised: #1f2229;
      --wa-color-surface-default: #14161b;
      --wa-color-surface-lowered: #0d0f13;
      --wa-color-surface-border: #343946;

      --wa-color-text-normal: #f4f5f7;
      --wa-color-text-quiet: #b7beca;
      --wa-color-text-link: #ff9aa2;

      --wa-color-overlay-modal: color-mix(in oklab, black 62%, transparent);
      --wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-neutral-50) 14%, transparent);
      --wa-color-shadow: color-mix(
        in oklab,
        var(--wa-color-surface-lowered) calc(var(--wa-shadow-blur-scale) * 32% + 40%),
        transparent
      );
      --wa-color-focus: var(--wa-color-brand-60);
      --wa-color-mix-hover: oklch(from currentColor calc(1 - l) c h) 20%;
      --wa-color-mix-active: var(--wa-color-surface-default) 20%;

      --wa-color-brand-fill-quiet: var(--wa-color-brand-10);
      --wa-color-brand-fill-normal: var(--wa-color-brand-20);
      --wa-color-brand-fill-loud: var(--wa-color-brand-50);
      --wa-color-brand-border-quiet: var(--wa-color-brand-20);
      --wa-color-brand-border-normal: var(--wa-color-brand-30);
      --wa-color-brand-border-loud: var(--wa-color-brand-40);
      --wa-color-brand-on-quiet: var(--wa-color-brand-60);
      --wa-color-brand-on-normal: var(--wa-color-brand-70);
      --wa-color-brand-on-loud: #ffffff;

      --wa-color-success-fill-quiet: var(--wa-color-success-10);
      --wa-color-success-fill-normal: var(--wa-color-success-20);
      --wa-color-success-fill-loud: #36a369;
      --wa-color-success-border-quiet: var(--wa-color-success-20);
      --wa-color-success-border-normal: var(--wa-color-success-30);
      --wa-color-success-border-loud: var(--wa-color-success-40);
      --wa-color-success-on-quiet: var(--wa-color-success-60);
      --wa-color-success-on-normal: var(--wa-color-success-70);
      --wa-color-success-on-loud: #ffffff;

      --wa-color-warning-fill-quiet: var(--wa-color-warning-10);
      --wa-color-warning-fill-normal: var(--wa-color-warning-20);
      --wa-color-warning-fill-loud: #d49132;
      --wa-color-warning-border-quiet: var(--wa-color-warning-20);
      --wa-color-warning-border-normal: var(--wa-color-warning-30);
      --wa-color-warning-border-loud: var(--wa-color-warning-40);
      --wa-color-warning-on-quiet: var(--wa-color-warning-60);
      --wa-color-warning-on-normal: var(--wa-color-warning-70);
      --wa-color-warning-on-loud: #17191f;

      --wa-color-danger-fill-quiet: var(--wa-color-danger-10);
      --wa-color-danger-fill-normal: var(--wa-color-danger-20);
      --wa-color-danger-fill-loud: #df4053;
      --wa-color-danger-border-quiet: var(--wa-color-danger-20);
      --wa-color-danger-border-normal: var(--wa-color-danger-30);
      --wa-color-danger-border-loud: var(--wa-color-danger-40);
      --wa-color-danger-on-quiet: var(--wa-color-danger-60);
      --wa-color-danger-on-normal: var(--wa-color-danger-70);
      --wa-color-danger-on-loud: #ffffff;

      --wa-color-neutral-fill-quiet: var(--wa-color-neutral-10);
      --wa-color-neutral-fill-normal: var(--wa-color-neutral-20);
      --wa-color-neutral-fill-loud: var(--wa-color-neutral-90);
      --wa-color-neutral-border-quiet: var(--wa-color-neutral-20);
      --wa-color-neutral-border-normal: var(--wa-color-neutral-30);
      --wa-color-neutral-border-loud: var(--wa-color-neutral-40);
      --wa-color-neutral-on-quiet: var(--wa-color-neutral-60);
      --wa-color-neutral-on-normal: var(--wa-color-neutral-70);
      --wa-color-neutral-on-loud: var(--wa-color-neutral-05);
    }
  }
}