/* Generated by @lo-tek/interfaces. Edit the recipe, not this file. */

@layer lotek, lotek-theme;

@layer lotek-theme {
  :root {
    --lt-color-accent-surface: #e8f3ff;
    --lt-color-accent-border-subtle: #c8daec;
    --lt-color-accent-border: #637c95;
    --lt-color-accent-border-strong: #46607b;
    --lt-color-accent-fill: #416f9d;
    --lt-color-accent-text: #2a5074;
    --lt-color-accent-text-strong: #172a3e;
    --lt-color-accent-text-subtle: #436281;
    --lt-color-accent-content: #fafcfe;
    --lt-color-visited-surface: #ebf2ff;
    --lt-color-visited-border-subtle: #cdd8eb;
    --lt-color-visited-border: #697a95;
    --lt-color-visited-border-strong: #4d5e7a;
    --lt-color-visited-fill: #4f6c9c;
    --lt-color-visited-text: #364d74;
    --lt-color-visited-text-strong: #1d293e;
    --lt-color-visited-text-subtle: #4c6080;
    --lt-color-visited-content: #fafcfe;
    --lt-color-brand1-surface: #ffede9;
    --lt-color-brand1-border-subtle: #ffc9bd;
    --lt-color-brand1-border: #b25d4d;
    --lt-color-brand1-border-strong: #973d2d;
    --lt-color-brand1-fill: #c52100;
    --lt-color-brand1-text: #901500;
    --lt-color-brand1-text-strong: #500901;
    --lt-color-brand1-text-subtle: #a13523;
    --lt-color-brand1-content: #fffaf9;
    --lt-color-brand2-surface: #f2efff;
    --lt-color-brand2-border-subtle: #d8d2f8;
    --lt-color-brand2-border: #7a70a6;
    --lt-color-brand2-border-strong: #5f538c;
    --lt-color-brand2-fill: #7156ba;
    --lt-color-brand2-text: #513b8b;
    --lt-color-brand2-text-strong: #2b204a;
    --lt-color-brand2-text-subtle: #625295;
    --lt-color-brand2-content: #fcfbff;
    --lt-color-brand3-surface: #ffecee;
    --lt-color-brand3-border-subtle: #f4cccf;
    --lt-color-brand3-border: #9f676d;
    --lt-color-brand3-border-strong: #844a51;
    --lt-color-brand3-fill: #a94656;
    --lt-color-brand3-text: #7e2e3c;
    --lt-color-brand3-text-strong: #431920;
    --lt-color-brand3-text-subtle: #8b4750;
    --lt-color-brand3-content: #fffafb;
    --lt-color-neutral-surface: #eff2f5;
    --lt-color-neutral-border-subtle: #d3d8dd;
    --lt-color-neutral-border: #737a81;
    --lt-color-neutral-border-strong: #575e66;
    --lt-color-neutral-fill: #616d79;
    --lt-color-neutral-text: #454e58;
    --lt-color-neutral-text-strong: #24292f;
    --lt-color-neutral-text-subtle: #586068;
    --lt-color-neutral-content: #fbfcfc;
    --lt-color-danger-surface: #ffedec;
    --lt-color-danger-border-subtle: #facac8;
    --lt-color-danger-border: #a66363;
    --lt-color-danger-border-strong: #8b4647;
    --lt-color-danger-fill: #b53b43;
    --lt-color-danger-text: #87232c;
    --lt-color-danger-text-strong: #481518;
    --lt-color-danger-text-subtle: #934244;
    --lt-color-danger-content: #fffafa;
    --lt-color-warning-surface: #f9f1e1;
    --lt-color-warning-border-subtle: #e3d6bc;
    --lt-color-warning-border: #8a7650;
    --lt-color-warning-border-strong: #6f5a31;
    --lt-color-warning-fill: #896508;
    --lt-color-warning-text: #644800;
    --lt-color-warning-text-strong: #352604;
    --lt-color-warning-text-subtle: #735b29;
    --lt-color-warning-content: #fdfcf9;
    --lt-color-success-surface: #e8f7e6;
    --lt-color-success-border-subtle: #c9dfc5;
    --lt-color-success-border: #63835e;
    --lt-color-success-border-strong: #466841;
    --lt-color-success-fill: #3f7d37;
    --lt-color-success-text: #285a22;
    --lt-color-success-text-strong: #163013;
    --lt-color-success-text-subtle: #426b3d;
    --lt-color-success-content: #fafdfa;
    --lt-color-neutral-canvas: #ffffff;
    --lt-color-neutral-raised: #e3e5e6;
    --lt-font-family-base: 'Inter Variable', system-ui, sans-serif;
    --lt-button-radius: 0.375rem;
    --lt-pagination-radius: 0.375rem;
    --lt-skip-link-radius: 0.375rem;
    --lt-input-radius: 0.375rem;
    --lt-select-radius: 0.375rem;
    --lt-textarea-radius: 0.375rem;
    --lt-card-radius: 0.5rem;
    --lt-dialog-radius: 0.5rem;
    --lt-popover-radius: 0.5rem;
    --lt-alert-radius: 0.5rem;
    --lt-accordion-radius: 0.5rem;
    --lt-error-summary-radius: 0.5rem;
    --lt-file-upload-radius: 0.5rem;
    --lt-session-timeout-radius: 0.5rem;
    --lt-suggestion-radius: 0.5rem;
    --lt-toast-radius: 0.5rem;
    --lt-tooltip-radius: 0.5rem;
  }

  :root {
    font-family: var(--lt-font-family-base);
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --lt-color-accent-surface: #1d252d;
      --lt-color-accent-border-subtle: #2c3948;
      --lt-color-accent-border: #718ba4;
      --lt-color-accent-border-strong: #92aecb;
      --lt-color-accent-fill: #6494c3;
      --lt-color-accent-text: #9fc9f3;
      --lt-color-accent-text-strong: #d6ebff;
      --lt-color-accent-text-subtle: #8aabce;
      --lt-color-accent-content: #0c0d0f;
      --lt-color-visited-surface: #1f242d;
      --lt-color-visited-border-subtle: #2f3847;
      --lt-color-visited-border: #7888a4;
      --lt-color-visited-border-strong: #99accb;
      --lt-color-visited-fill: #7290c2;
      --lt-color-visited-text: #aac5f3;
      --lt-color-visited-text-strong: #dbe9ff;
      --lt-color-visited-text-subtle: #93a9cd;
      --lt-color-visited-content: #0c0d0f;
      --lt-color-brand1-surface: #371b16;
      --lt-color-brand1-border-subtle: #58281f;
      --lt-color-brand1-border: #c36c5b;
      --lt-color-brand1-border-strong: #ef8c78;
      --lt-color-brand1-fill: #f34c31;
      --lt-color-brand1-text: #ffab9a;
      --lt-color-brand1-text-strong: #ffe0d9;
      --lt-color-brand1-text-subtle: #f5826c;
      --lt-color-brand1-content: #110c0b;
      --lt-color-brand2-surface: #242133;
      --lt-color-brand2-border-subtle: #393351;
      --lt-color-brand2-border: #897eb6;
      --lt-color-brand2-border-strong: #aca0df;
      --lt-color-brand2-fill: #937be2;
      --lt-color-brand2-text: #c6b8ff;
      --lt-color-brand2-text-strong: #e8e4ff;
      --lt-color-brand2-text-subtle: #aa9be4;
      --lt-color-brand2-content: #0d0d10;
      --lt-color-brand3-surface: #311e20;
      --lt-color-brand3-border-subtle: #4d2e31;
      --lt-color-brand3-border: #af767c;
      --lt-color-brand3-border-strong: #d7979d;
      --lt-color-brand3-fill: #d26a79;
      --lt-color-brand3-text: #ffa8b1;
      --lt-color-brand3-text-strong: #ffdee1;
      --lt-color-brand3-text-subtle: #db9098;
      --lt-color-brand3-content: #0f0c0d;
      --lt-color-neutral-surface: #222426;
      --lt-color-neutral-border-subtle: #35383c;
      --lt-color-neutral-border: #82898f;
      --lt-color-neutral-border-strong: #a4acb4;
      --lt-color-neutral-fill: #84919e;
      --lt-color-neutral-text: #bac6d1;
      --lt-color-neutral-text-strong: #e2e9f0;
      --lt-color-neutral-text-subtle: #a0a9b2;
      --lt-color-neutral-content: #0d0d0e;
      --lt-color-danger-surface: #331d1d;
      --lt-color-danger-border-subtle: #512c2c;
      --lt-color-danger-border: #b67271;
      --lt-color-danger-border-strong: #e09392;
      --lt-color-danger-fill: #df6165;
      --lt-color-danger-text: #ffa9a8;
      --lt-color-danger-text-strong: #ffdfde;
      --lt-color-danger-text-subtle: #e58b8a;
      --lt-color-danger-content: #100c0c;
      --lt-color-warning-surface: #292317;
      --lt-color-warning-border-subtle: #413621;
      --lt-color-warning-border: #99855f;
      --lt-color-warning-border-strong: #bea87d;
      --lt-color-warning-fill: #ae893a;
      --lt-color-warning-text: #e0bf7f;
      --lt-color-warning-text-strong: #f9e6c0;
      --lt-color-warning-text-subtle: #bea471;
      --lt-color-warning-content: #0e0d0b;
      --lt-color-success-surface: #1d271b;
      --lt-color-success-border-subtle: #2b3e29;
      --lt-color-success-border: #71926d;
      --lt-color-success-border-strong: #91b78c;
      --lt-color-success-fill: #62a15b;
      --lt-color-success-text: #9ed597;
      --lt-color-success-text-strong: #d2f3cd;
      --lt-color-success-text-subtle: #8ab684;
      --lt-color-success-content: #0c0e0c;
      --lt-color-neutral-canvas: #111212;
      --lt-color-neutral-raised: #323334;
    }
  }

  [data-theme="light"],
  :root:has(.lt-theme-control[value="light"]:checked) {
    --lt-color-accent-surface: #e8f3ff;
    --lt-color-accent-border-subtle: #c8daec;
    --lt-color-accent-border: #637c95;
    --lt-color-accent-border-strong: #46607b;
    --lt-color-accent-fill: #416f9d;
    --lt-color-accent-text: #2a5074;
    --lt-color-accent-text-strong: #172a3e;
    --lt-color-accent-text-subtle: #436281;
    --lt-color-accent-content: #fafcfe;
    --lt-color-visited-surface: #ebf2ff;
    --lt-color-visited-border-subtle: #cdd8eb;
    --lt-color-visited-border: #697a95;
    --lt-color-visited-border-strong: #4d5e7a;
    --lt-color-visited-fill: #4f6c9c;
    --lt-color-visited-text: #364d74;
    --lt-color-visited-text-strong: #1d293e;
    --lt-color-visited-text-subtle: #4c6080;
    --lt-color-visited-content: #fafcfe;
    --lt-color-brand1-surface: #ffede9;
    --lt-color-brand1-border-subtle: #ffc9bd;
    --lt-color-brand1-border: #b25d4d;
    --lt-color-brand1-border-strong: #973d2d;
    --lt-color-brand1-fill: #c52100;
    --lt-color-brand1-text: #901500;
    --lt-color-brand1-text-strong: #500901;
    --lt-color-brand1-text-subtle: #a13523;
    --lt-color-brand1-content: #fffaf9;
    --lt-color-brand2-surface: #f2efff;
    --lt-color-brand2-border-subtle: #d8d2f8;
    --lt-color-brand2-border: #7a70a6;
    --lt-color-brand2-border-strong: #5f538c;
    --lt-color-brand2-fill: #7156ba;
    --lt-color-brand2-text: #513b8b;
    --lt-color-brand2-text-strong: #2b204a;
    --lt-color-brand2-text-subtle: #625295;
    --lt-color-brand2-content: #fcfbff;
    --lt-color-brand3-surface: #ffecee;
    --lt-color-brand3-border-subtle: #f4cccf;
    --lt-color-brand3-border: #9f676d;
    --lt-color-brand3-border-strong: #844a51;
    --lt-color-brand3-fill: #a94656;
    --lt-color-brand3-text: #7e2e3c;
    --lt-color-brand3-text-strong: #431920;
    --lt-color-brand3-text-subtle: #8b4750;
    --lt-color-brand3-content: #fffafb;
    --lt-color-neutral-surface: #eff2f5;
    --lt-color-neutral-border-subtle: #d3d8dd;
    --lt-color-neutral-border: #737a81;
    --lt-color-neutral-border-strong: #575e66;
    --lt-color-neutral-fill: #616d79;
    --lt-color-neutral-text: #454e58;
    --lt-color-neutral-text-strong: #24292f;
    --lt-color-neutral-text-subtle: #586068;
    --lt-color-neutral-content: #fbfcfc;
    --lt-color-danger-surface: #ffedec;
    --lt-color-danger-border-subtle: #facac8;
    --lt-color-danger-border: #a66363;
    --lt-color-danger-border-strong: #8b4647;
    --lt-color-danger-fill: #b53b43;
    --lt-color-danger-text: #87232c;
    --lt-color-danger-text-strong: #481518;
    --lt-color-danger-text-subtle: #934244;
    --lt-color-danger-content: #fffafa;
    --lt-color-warning-surface: #f9f1e1;
    --lt-color-warning-border-subtle: #e3d6bc;
    --lt-color-warning-border: #8a7650;
    --lt-color-warning-border-strong: #6f5a31;
    --lt-color-warning-fill: #896508;
    --lt-color-warning-text: #644800;
    --lt-color-warning-text-strong: #352604;
    --lt-color-warning-text-subtle: #735b29;
    --lt-color-warning-content: #fdfcf9;
    --lt-color-success-surface: #e8f7e6;
    --lt-color-success-border-subtle: #c9dfc5;
    --lt-color-success-border: #63835e;
    --lt-color-success-border-strong: #466841;
    --lt-color-success-fill: #3f7d37;
    --lt-color-success-text: #285a22;
    --lt-color-success-text-strong: #163013;
    --lt-color-success-text-subtle: #426b3d;
    --lt-color-success-content: #fafdfa;
    --lt-color-neutral-canvas: #ffffff;
    --lt-color-neutral-raised: #e3e5e6;
  }

  [data-theme="dark"],
  :root:has(.lt-theme-control[value="dark"]:checked) {
    --lt-color-accent-surface: #1d252d;
    --lt-color-accent-border-subtle: #2c3948;
    --lt-color-accent-border: #718ba4;
    --lt-color-accent-border-strong: #92aecb;
    --lt-color-accent-fill: #6494c3;
    --lt-color-accent-text: #9fc9f3;
    --lt-color-accent-text-strong: #d6ebff;
    --lt-color-accent-text-subtle: #8aabce;
    --lt-color-accent-content: #0c0d0f;
    --lt-color-visited-surface: #1f242d;
    --lt-color-visited-border-subtle: #2f3847;
    --lt-color-visited-border: #7888a4;
    --lt-color-visited-border-strong: #99accb;
    --lt-color-visited-fill: #7290c2;
    --lt-color-visited-text: #aac5f3;
    --lt-color-visited-text-strong: #dbe9ff;
    --lt-color-visited-text-subtle: #93a9cd;
    --lt-color-visited-content: #0c0d0f;
    --lt-color-brand1-surface: #371b16;
    --lt-color-brand1-border-subtle: #58281f;
    --lt-color-brand1-border: #c36c5b;
    --lt-color-brand1-border-strong: #ef8c78;
    --lt-color-brand1-fill: #f34c31;
    --lt-color-brand1-text: #ffab9a;
    --lt-color-brand1-text-strong: #ffe0d9;
    --lt-color-brand1-text-subtle: #f5826c;
    --lt-color-brand1-content: #110c0b;
    --lt-color-brand2-surface: #242133;
    --lt-color-brand2-border-subtle: #393351;
    --lt-color-brand2-border: #897eb6;
    --lt-color-brand2-border-strong: #aca0df;
    --lt-color-brand2-fill: #937be2;
    --lt-color-brand2-text: #c6b8ff;
    --lt-color-brand2-text-strong: #e8e4ff;
    --lt-color-brand2-text-subtle: #aa9be4;
    --lt-color-brand2-content: #0d0d10;
    --lt-color-brand3-surface: #311e20;
    --lt-color-brand3-border-subtle: #4d2e31;
    --lt-color-brand3-border: #af767c;
    --lt-color-brand3-border-strong: #d7979d;
    --lt-color-brand3-fill: #d26a79;
    --lt-color-brand3-text: #ffa8b1;
    --lt-color-brand3-text-strong: #ffdee1;
    --lt-color-brand3-text-subtle: #db9098;
    --lt-color-brand3-content: #0f0c0d;
    --lt-color-neutral-surface: #222426;
    --lt-color-neutral-border-subtle: #35383c;
    --lt-color-neutral-border: #82898f;
    --lt-color-neutral-border-strong: #a4acb4;
    --lt-color-neutral-fill: #84919e;
    --lt-color-neutral-text: #bac6d1;
    --lt-color-neutral-text-strong: #e2e9f0;
    --lt-color-neutral-text-subtle: #a0a9b2;
    --lt-color-neutral-content: #0d0d0e;
    --lt-color-danger-surface: #331d1d;
    --lt-color-danger-border-subtle: #512c2c;
    --lt-color-danger-border: #b67271;
    --lt-color-danger-border-strong: #e09392;
    --lt-color-danger-fill: #df6165;
    --lt-color-danger-text: #ffa9a8;
    --lt-color-danger-text-strong: #ffdfde;
    --lt-color-danger-text-subtle: #e58b8a;
    --lt-color-danger-content: #100c0c;
    --lt-color-warning-surface: #292317;
    --lt-color-warning-border-subtle: #413621;
    --lt-color-warning-border: #99855f;
    --lt-color-warning-border-strong: #bea87d;
    --lt-color-warning-fill: #ae893a;
    --lt-color-warning-text: #e0bf7f;
    --lt-color-warning-text-strong: #f9e6c0;
    --lt-color-warning-text-subtle: #bea471;
    --lt-color-warning-content: #0e0d0b;
    --lt-color-success-surface: #1d271b;
    --lt-color-success-border-subtle: #2b3e29;
    --lt-color-success-border: #71926d;
    --lt-color-success-border-strong: #91b78c;
    --lt-color-success-fill: #62a15b;
    --lt-color-success-text: #9ed597;
    --lt-color-success-text-strong: #d2f3cd;
    --lt-color-success-text-subtle: #8ab684;
    --lt-color-success-content: #0c0e0c;
    --lt-color-neutral-canvas: #111212;
    --lt-color-neutral-raised: #323334;
  }
}