:root[data-theme=linear] {
  --neutral-hue: 240;
  --neutral-saturation: 10%;
  --neutral-lighter: var(--neutral-color-2);
  --neutral-lighter-ch: var(--neutral-color-2-ch);
  --neutral-accent-lighter: var(--neutral-accent-2);
  --neutral-light: var(--neutral-color-3);
  --neutral-light-ch: var(--neutral-color-3-ch);
  --neutral-accent-light: var(--neutral-accent-3);
  --neutral-default: var(--neutral-color-5);
  --neutral-default-ch: var(--neutral-color-5-ch);
  --neutral-accent-default: var(--neutral-accent-5);
  --neutral-dark: var(--neutral-color-7);
  --neutral-dark-ch: var(--neutral-color-7-ch);
  --neutral-accent-dark: var(--neutral-accent-7);
  --neutral-darker: var(--neutral-color-9);
  --neutral-darker-ch: var(--neutral-color-9-ch);
  --neutral-accent-darker: var(--neutral-accent-9);
  --primary-hue: 238;
  --primary-saturation: 52%;
  --primary-lighter: var(--primary-color-2);
  --primary-lighter-ch: var(--primary-color-2-ch);
  --primary-accent-lighter: var(--primary-accent-2);
  --primary-light: var(--primary-color-3);
  --primary-light-ch: var(--primary-color-3-ch);
  --primary-accent-light: var(--primary-accent-3);
  --primary-default: var(--primary-color-5);
  --primary-default-ch: var(--primary-color-5-ch);
  --primary-accent-default: var(--primary-accent-5);
  --primary-dark: var(--primary-color-7);
  --primary-dark-ch: var(--primary-color-7-ch);
  --primary-accent-dark: var(--primary-accent-7);
  --primary-darker: var(--primary-color-8);
  --primary-darker-ch: var(--primary-color-8-ch);
  --primary-accent-darker: var(--primary-accent-8);
  --secondary-hue: 238;
  --secondary-saturation: 15%;
  --secondary-lighter: var(--secondary-color-2);
  --secondary-lighter-ch: var(--secondary-color-2-ch);
  --secondary-accent-lighter: var(--secondary-accent-2);
  --secondary-light: var(--secondary-color-3);
  --secondary-light-ch: var(--secondary-color-3-ch);
  --secondary-accent-light: var(--secondary-accent-3);
  --secondary-default: var(--secondary-color-2);
  --secondary-default-ch: var(--secondary-color-2-ch);
  --secondary-accent-default: var(--secondary-accent-2);
  --secondary-dark: var(--secondary-color-4);
  --secondary-dark-ch: var(--secondary-color-4-ch);
  --secondary-accent-dark: var(--secondary-accent-4);
  --secondary-darker: var(--secondary-color-6);
  --secondary-darker-ch: var(--secondary-color-6-ch);
  --secondary-accent-darker: var(--secondary-accent-6);
  --tertiary-hue: 252;
  --tertiary-saturation: 68%;
  --tertiary-lighter: var(--tertiary-color-2);
  --tertiary-lighter-ch: var(--tertiary-color-2-ch);
  --tertiary-accent-lighter: var(--tertiary-accent-2);
  --tertiary-light: var(--tertiary-color-3);
  --tertiary-light-ch: var(--tertiary-color-3-ch);
  --tertiary-accent-light: var(--tertiary-accent-3);
  --tertiary-default: var(--tertiary-color-5);
  --tertiary-default-ch: var(--tertiary-color-5-ch);
  --tertiary-accent-default: var(--tertiary-accent-5);
  --tertiary-dark: var(--tertiary-color-7);
  --tertiary-dark-ch: var(--tertiary-color-7-ch);
  --tertiary-accent-dark: var(--tertiary-accent-7);
  --tertiary-darker: var(--tertiary-color-8);
  --tertiary-darker-ch: var(--tertiary-color-8-ch);
  --tertiary-accent-darker: var(--tertiary-accent-8);
  --danger-hue: 0;
  --danger-saturation: 72%;
  --danger-lighter: var(--danger-color-2);
  --danger-lighter-ch: var(--danger-color-2-ch);
  --danger-accent-lighter: var(--danger-accent-2);
  --danger-light: var(--danger-color-3);
  --danger-light-ch: var(--danger-color-3-ch);
  --danger-accent-light: var(--danger-accent-3);
  --danger-default: var(--danger-color-5);
  --danger-default-ch: var(--danger-color-5-ch);
  --danger-accent-default: var(--danger-accent-5);
  --danger-dark: var(--danger-color-7);
  --danger-dark-ch: var(--danger-color-7-ch);
  --danger-accent-dark: var(--danger-accent-7);
  --danger-darker: var(--danger-color-8);
  --danger-darker-ch: var(--danger-color-8-ch);
  --danger-accent-darker: var(--danger-accent-8);
  --success-hue: 152;
  --success-saturation: 60%;
  --success-lighter: var(--success-color-2);
  --success-lighter-ch: var(--success-color-2-ch);
  --success-accent-lighter: var(--success-accent-2);
  --success-light: var(--success-color-3);
  --success-light-ch: var(--success-color-3-ch);
  --success-accent-light: var(--success-accent-3);
  --success-default: var(--success-color-5);
  --success-default-ch: var(--success-color-5-ch);
  --success-accent-default: var(--success-accent-5);
  --success-dark: var(--success-color-7);
  --success-dark-ch: var(--success-color-7-ch);
  --success-accent-dark: var(--success-accent-7);
  --success-darker: var(--success-color-8);
  --success-darker-ch: var(--success-color-8-ch);
  --success-accent-darker: var(--success-accent-8);
  --warning-hue: 36;
  --warning-saturation: 90%;
  --warning-lighter: var(--warning-color-2);
  --warning-lighter-ch: var(--warning-color-2-ch);
  --warning-accent-lighter: var(--warning-accent-2);
  --warning-light: var(--warning-color-3);
  --warning-light-ch: var(--warning-color-3-ch);
  --warning-accent-light: var(--warning-accent-3);
  --warning-default: var(--warning-color-4);
  --warning-default-ch: var(--warning-color-4-ch);
  --warning-accent-default: var(--warning-accent-4);
  --warning-dark: var(--warning-color-7);
  --warning-dark-ch: var(--warning-color-7-ch);
  --warning-accent-dark: var(--warning-accent-7);
  --warning-darker: var(--warning-color-8);
  --warning-darker-ch: var(--warning-color-8-ch);
  --warning-accent-darker: var(--warning-accent-8);
  --info-hue: 198;
  --info-saturation: 70%;
  --info-lighter: var(--info-color-2);
  --info-lighter-ch: var(--info-color-2-ch);
  --info-accent-lighter: var(--info-accent-2);
  --info-light: var(--info-color-3);
  --info-light-ch: var(--info-color-3-ch);
  --info-accent-light: var(--info-accent-3);
  --info-default: var(--info-color-5);
  --info-default-ch: var(--info-color-5-ch);
  --info-accent-default: var(--info-accent-5);
  --info-dark: var(--info-color-7);
  --info-dark-ch: var(--info-color-7-ch);
  --info-accent-dark: var(--info-accent-7);
  --info-darker: var(--info-color-8);
  --info-darker-ch: var(--info-color-8-ch);
  --info-accent-darker: var(--info-accent-8);
}

:root[data-theme=linear],
:root[data-theme=linear][data-color-scheme=light] {
  --text-color: hsl(240, 9%, 11%);
  --text-color-subtle: hsl(240, 6%, 40%);
  --text-color-strong: hsl(240, 12%, 6%);
  --surface-color-overlay: hsl(0, 0%, 100%);
  --surface-color-raised: hsl(240, 20%, 98%);
  --surface-color: hsl(240, 14%, 96%);
  --surface-color-sunken: hsl(240, 10%, 92%);
  --surface-color-deep: hsl(240, 8%, 86%);
  --border-color: hsl(240, 10%, 88%);
  --border-color-subtle: hsl(240, 8%, 94%);
  --border-color-strong: hsl(240, 12%, 78%);
}

:root[data-theme=linear][data-color-scheme=dark] {
  --text-color: hsl(240, 15%, 88%);
  --text-color-subtle: hsl(240, 8%, 60%);
  --text-color-strong: hsl(240, 20%, 96%);
  --surface-color-overlay: hsl(240, 12%, 18%);
  --surface-color-raised: hsl(240, 13%, 15%);
  --surface-color: hsl(240, 16%, 10%);
  --surface-color-sunken: hsl(240, 14%, 8%);
  --surface-color-deep: hsl(240, 18%, 6%);
  --border-color: hsl(240, 10%, 22%);
  --border-color-subtle: hsl(240, 8%, 18%);
  --border-color-strong: hsl(240, 12%, 30%);
}

:root[data-theme=linear] {
  --font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", Arial, sans-serif;
  --font-body-size: 14px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-h1-size: 1.75rem;
  --font-h2-size: 1.375rem;
  --font-h3-size: 1.125rem;
  --font-h4-size: 1rem;
  --font-h5-size: 0.875rem;
  --font-h6-size: 0.75rem;
  --font-h1-weight: 600;
  --font-h2-weight: 600;
  --font-h3-weight: 600;
  --font-h4-weight: 500;
  --font-h5-weight: 500;
  --font-h6-weight: 500;
  --font-line-height: 1.5;
  --font-heading-line-height: 1.3;
  --font-letter-spacing: -0.011em;
  --font-heading-letter-spacing: -0.02em;
}

:root[data-theme=linear] {
  --shadow-1: 0 1px 2px rgba(0, 0, 40, 0.06), 0 1px 3px rgba(0, 0, 40, 0.08);
  --shadow-2: 0 2px 6px rgba(0, 0, 40, 0.06), 0 4px 12px rgba(0, 0, 40, 0.08);
  --shadow-3: 0 4px 12px rgba(0, 0, 40, 0.08), 0 8px 24px rgba(0, 0, 40, 0.08);
  --shadow-4: 0 8px 24px rgba(0, 0, 40, 0.08), 0 16px 40px rgba(0, 0, 40, 0.10);
  --shadow-5: 0 24px 64px rgba(0, 0, 40, 0.12), 0 4px 16px rgba(0, 0, 40, 0.08);
}

:root[data-theme=linear][data-color-scheme=dark] {
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.20), 0 1px 3px rgba(0, 0, 0, 0.25);
  --shadow-2: 0 2px 6px rgba(0, 0, 0, 0.25), 0 4px 12px rgba(0, 0, 0, 0.30);
  --shadow-3: 0 4px 16px rgba(0, 0, 0, 0.35), 0 8px 32px rgba(0, 0, 0, 0.30);
  --shadow-4: 0 8px 32px rgba(0, 0, 0, 0.40), 0 16px 48px rgba(0, 0, 0, 0.35);
  --shadow-5: 0 24px 64px rgba(0, 0, 0, 0.50), 0 4px 16px rgba(0, 0, 0, 0.40);
}

:root[data-theme=linear] .button {
  --button-border-radius: 6px;
  --button-border-width: 1px;
  --button-font-size: 14px;
  --button-font-weight: 500;
  --button-padding: 7px 14px;
  --button-gap: 6px;
  --button-transition: background-color 0.1s ease, border-color 0.1s ease,
    box-shadow 0.1s ease, opacity 0.1s ease;
  --button-focus-ring-width: 2px;
  --button-focus-ring-offset-width: 2px;
  --button-focus-ring-color: var(--primary-default);
}
:root[data-theme=linear] .button.filled {
  --button-border-color: var(--button-bg-color);
  --button-hover-bg-color: var(--primary-dark);
  --button-hover-border-color: var(--primary-dark);
  --button-active-bg-color: var(--primary-darker);
  --button-active-border-color: var(--primary-darker);
  --button-disabled-opacity: 0.45;
}
:root[data-theme=linear] .button.tonal {
  --button-border-color: transparent;
  --button-hover-border-color: transparent;
  --button-active-border-color: transparent;
  --button-disabled-opacity: 0.45;
}
:root[data-theme=linear] .button.outlined {
  --button-disabled-opacity: 0.45;
}
:root[data-theme=linear] .button.text {
  --button-disabled-opacity: 0.45;
}

:root[data-theme=linear][data-color-scheme=dark] .button.outlined {
  --button-border-color: var(--border-color-strong);
  --button-hover-border-color: var(--border-color-strong);
}
:root[data-theme=linear][data-color-scheme=dark] .button.filled {
  --button-disabled-bg-color: rgba(94, 106, 210, 0.25);
  --button-disabled-color: rgba(220, 220, 232, 0.35);
  --button-disabled-border-color: transparent;
}

:root[data-theme=linear] .form-control {
  --form-control-border-radius: 6px;
  --form-control-border-width: 1px;
  --form-control-font-size: 14px;
  --form-control-transition: border-color 0.1s ease, box-shadow 0.1s ease;
  --form-control-focus-ring-width: 2px;
  --form-control-focus-ring-offset-width: 1px;
  --form-control-focus-ring-color: var(--primary-default);
  --form-control-focus-border-color: var(--primary-light);
  --form-control-disabled-opacity: 0.45;
  --form-control-readonly-cursor: text;
}

:root[data-theme=linear][data-color-scheme=dark] .form-control {
  --form-control-focus-border-color: var(--primary-default);
}

/*# sourceMappingURL=linear.css.map */