@import url('../layers.css');

@layer wa-theme {
  .wa-theme-blastingpulse,
  .wa-theme-blastingpulse.wa-light,
  .wa-theme-blastingpulse .wa-light,
  .wa-theme-blastingpulse.wa-dark .wa-invert,
  .wa-theme-blastingpulse .wa-dark .wa-invert,
  .wa-light .wa-theme-blastingpulse,
  .wa-dark .wa-theme-blastingpulse.wa-invert,
  .wa-dark .wa-theme-blastingpulse .wa-invert {
    color-scheme: light;
    color: var(--wa-color-text-normal);

    --wa-color-surface-raised: white;
    --wa-color-surface-default: white;
    --wa-color-surface-lowered: var(--wa-color-neutral-95);
    --wa-color-surface-border: var(--wa-color-neutral-80);

    --wa-color-text-normal: var(--wa-color-neutral-10);
    --wa-color-text-quiet: var(--wa-color-neutral-40);
    --wa-color-text-link: var(--wa-color-brand-40);

    --wa-color-overlay-modal: color-mix(in oklab, var(--wa-color-neutral-05) 50%, transparent);
    --wa-color-overlay-inline: color-mix(in oklab, var(--wa-color-neutral-80) 25%, transparent);
    --wa-color-focus: var(--wa-color-brand-60);

    --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-70);
    --wa-color-brand-border-quiet: var(--wa-color-brand-80);
    --wa-color-brand-border-normal: var(--wa-color-brand-70);
    --wa-color-brand-border-loud: var(--wa-color-brand-50);
    --wa-color-brand-on-quiet: var(--wa-color-brand-40);
    --wa-color-brand-on-normal: var(--wa-color-brand-30);
    --wa-color-brand-on-loud: var(--wa-color-brand-10);

    --wa-color-success-fill-quiet: var(--wa-color-success-95);
    --wa-color-success-fill-normal: var(--wa-color-success-90);
    --wa-color-success-fill-loud: var(--wa-color-success-70);
    --wa-color-success-border-quiet: var(--wa-color-success-80);
    --wa-color-success-border-normal: var(--wa-color-success-70);
    --wa-color-success-border-loud: var(--wa-color-success-50);
    --wa-color-success-on-quiet: var(--wa-color-success-40);
    --wa-color-success-on-normal: var(--wa-color-success-30);
    --wa-color-success-on-loud: var(--wa-color-success-10);

    --wa-color-warning-fill-quiet: var(--wa-color-warning-95);
    --wa-color-warning-fill-normal: var(--wa-color-warning-90);
    --wa-color-warning-fill-loud: var(--wa-color-warning-70);
    --wa-color-warning-border-quiet: var(--wa-color-warning-80);
    --wa-color-warning-border-normal: var(--wa-color-warning-70);
    --wa-color-warning-border-loud: var(--wa-color-warning-50);
    --wa-color-warning-on-quiet: var(--wa-color-warning-40);
    --wa-color-warning-on-normal: var(--wa-color-warning-30);
    --wa-color-warning-on-loud: var(--wa-color-warning-10);

    --wa-color-danger-fill-quiet: var(--wa-color-danger-95);
    --wa-color-danger-fill-normal: var(--wa-color-danger-90);
    --wa-color-danger-fill-loud: var(--wa-color-danger-70);
    --wa-color-danger-border-quiet: var(--wa-color-danger-80);
    --wa-color-danger-border-normal: var(--wa-color-danger-70);
    --wa-color-danger-border-loud: var(--wa-color-danger-50);
    --wa-color-danger-on-quiet: var(--wa-color-danger-40);
    --wa-color-danger-on-normal: var(--wa-color-danger-30);
    --wa-color-danger-on-loud: var(--wa-color-danger-10);

    --wa-color-neutral-fill-quiet: var(--wa-color-neutral-95);
    --wa-color-neutral-fill-normal: var(--wa-color-neutral-90);
    --wa-color-neutral-fill-loud: var(--wa-color-neutral-30);
    --wa-color-neutral-border-quiet: var(--wa-color-neutral-80);
    --wa-color-neutral-border-normal: var(--wa-color-neutral-70);
    --wa-color-neutral-border-loud: var(--wa-color-neutral-50);
    --wa-color-neutral-on-quiet: var(--wa-color-neutral-40);
    --wa-color-neutral-on-normal: var(--wa-color-neutral-30);
    --wa-color-neutral-on-loud: var(--wa-color-neutral-95);
  }

  .wa-theme-blastingpulse,
  .wa-theme-blastingpulse.wa-light,
  .wa-theme-blastingpulse .wa-light,
  .wa-theme-blastingpulse.wa-dark,
  .wa-theme-blastingpulse .wa-dark,
  .wa-theme-blastingpulse.wa-invert,
  .wa-theme-blastingpulse .wa-invert {
    --wa-color-brand-05: #031215;
    --wa-color-brand-10: #072126;
    --wa-color-brand-20: #0e3539;
    --wa-color-brand-30: #16484d;
    --wa-color-brand-40: #21656b;
    --wa-color-brand-50: #2f8a90;
    --wa-color-brand-60: #3eb3b7;
    --wa-color-brand-70: #4fc7ca;
    --wa-color-brand-80: #89dadd;
    --wa-color-brand-90: #c1ecec;
    --wa-color-brand-95: #def7f7;
    --wa-color-brand: #4fc7ca;
    --wa-color-brand-on: #072126;

    --wa-color-neutral-05: #141618;
    --wa-color-neutral-10: #1d2124;
    --wa-color-neutral-20: #31363a;
    --wa-color-neutral-30: #454c52;
    --wa-color-neutral-40: #5d666e;
    --wa-color-neutral-50: #79838b;
    --wa-color-neutral-60: #95a0a9;
    --wa-color-neutral-70: #b5c0c7;
    --wa-color-neutral-80: #d1d8dc;
    --wa-color-neutral-90: #e5eaed;
    --wa-color-neutral-95: #eceff1;
    --wa-color-neutral: #79838b;
    --wa-color-neutral-on: #eceff1;

    --wa-color-success-05: #021a0a;
    --wa-color-success-10: #043114;
    --wa-color-success-20: #075125;
    --wa-color-success-30: #0b6c31;
    --wa-color-success-40: #108841;
    --wa-color-success-50: #16a854;
    --wa-color-success-60: #1ed567;
    --wa-color-success-70: #00e676;
    --wa-color-success-80: #68f3a8;
    --wa-color-success-90: #b6fad1;
    --wa-color-success-95: #dafde7;
    --wa-color-success: #00e676;
    --wa-color-success-on: #043114;

    --wa-color-warning-05: #2b1300;
    --wa-color-warning-10: #492000;
    --wa-color-warning-20: #713400;
    --wa-color-warning-30: #975000;
    --wa-color-warning-40: #bf7000;
    --wa-color-warning-50: #e8911c;
    --wa-color-warning-60: #ffb547;
    --wa-color-warning-70: #ffc979;
    --wa-color-warning-80: #ffdbab;
    --wa-color-warning-90: #ffedd6;
    --wa-color-warning-95: #fff6ea;
    --wa-color-warning: #ffb547;
    --wa-color-warning-on: #492000;

    --wa-color-danger-05: #300103;
    --wa-color-danger-10: #500609;
    --wa-color-danger-20: #7a0f15;
    --wa-color-danger-30: #a41a24;
    --wa-color-danger-40: #d12736;
    --wa-color-danger-50: #ff5252;
    --wa-color-danger-60: #ff7b7b;
    --wa-color-danger-70: #ffaaaa;
    --wa-color-danger-80: #ffd0d0;
    --wa-color-danger-90: #ffe7e7;
    --wa-color-danger-95: #fff2f2;
    --wa-color-danger: #ff5252;
    --wa-color-danger-on: #500609;

    --wa-font-family-body: "Inter", sans-serif;
    --wa-font-family-heading: "Rajdhani", sans-serif;
    --wa-font-family-code: "JetBrains Mono", monospace;
    --wa-font-weight-heading: 600;
    --wa-font-weight-body: 400;
    --wa-font-weight-code: 500;

    --wa-border-radius-s: 0.4rem;
    --wa-border-radius-m: 0.7rem;
    --wa-border-radius-l: 1rem;

    --wa-space-xs: 0.45rem;
    --wa-space-s: 0.7rem;
    --wa-space-m: 1rem;
    --wa-space-l: 1.35rem;
    --wa-space-xl: 1.9rem;

    --wa-border-width-s: 1px;
    --wa-border-width-m: 1.5px;
    --wa-panel-border-style: solid;
    --wa-panel-border-width: var(--wa-border-width-s);
    --wa-panel-border-radius: calc(var(--wa-border-radius-l) * 1.1);
  }
}