/* GENERATED by mockups/scripts/gen-tokens.mjs. Do not edit by hand. */
/* Source of truth: constants/themeTokens.ts, Typography.ts, Layout.ts, Radii.ts. */

.help-kit {
  --type-hero: 40px;
  --type-display: 30px;
  --type-title: 24px;
  --type-heading: 18px;
  --type-body: 16px;
  --type-reading: 17px;
  --type-label: 14px;
  --type-tab: 12px;
  --card-gap: 8px;
  --list-gutter: 24px;
  --frosted-card-radius: 28px;
}

.help-kit,
[data-theme="dusk"] {
  --gradient: linear-gradient(
    168deg,
    rgba(57, 64, 79, 1) 0%,
    rgba(71, 77, 87, 1) 26%,
    rgba(88, 90, 94, 1) 52%,
    rgba(118, 112, 106, 1) 78%,
    rgba(128, 118, 110, 1) 92%,
    rgba(136, 123, 113, 1) 100%
  );
  --separator: rgba(255, 255, 255, 0.15);
  --border-base: rgba(255, 255, 255, 0.15);
  --border-danger: rgba(255, 176, 176, 1);
  --protocol-mark-default: rgba(255, 255, 255, 0.28);
  --text-base: rgba(255, 255, 255, 1);
  --text-muted: rgba(255, 255, 255, 0.66);
  --text-danger: rgba(255, 228, 218, 1);
  --text-inverse: rgba(0, 0, 0, 1);
  --text-white: rgba(255, 255, 255, 1);
  --text-black: rgba(0, 0, 0, 1);
  --field-error-accent: rgba(246, 73, 72, 0.32);
  --field-error-fill: rgba(246, 73, 72, 0.12);
  --badge-primary-fill: rgba(255, 255, 255, 0.12);
  --badge-attention-fill: rgba(170, 149, 144, 0.44);
  --badge-success-fill: rgba(95, 138, 104, 0.64);
  --badge-warning-fill: rgba(255, 82, 82, 0.24);
  --badge-accent-fill: rgba(95, 138, 104, 0.64);
  --badge-tinted-fill: rgba(255, 255, 255, 0.14);
  --badge-tinted-border: rgba(255, 255, 255, 0.45);
  --badge-solid-fill: rgba(255, 255, 255, 0.92);
  --badge-solid-label: rgba(0, 0, 0, 1);
  --surface-light-fill: rgba(255, 255, 255, 0.04);
  --surface-light-selected: rgba(255, 255, 255, 0.16);
  --surface-light-pressed: rgba(255, 255, 255, 0.24);
  --surface-dark-fill: rgba(0, 0, 0, 0.08);
  --surface-dark-selected: rgba(0, 0, 0, 0.24);
  --surface-dark-pressed: rgba(0, 0, 0, 0.32);
  --surface-paper-fill: rgba(255, 255, 255, 0.92);
  --surface-paper-text: rgba(17, 17, 17, 1);
  --surface-paper-muted: rgba(17, 17, 17, 0.64);
  --sheet-fill: rgba(0, 0, 0, 0.76);
  --sheet-opaque-fill: rgba(17, 17, 17, 1);
  --panel-fill: rgba(0, 0, 0, 0.24);
  --panel-scrim: rgba(0, 0, 0, 0.5);
  --panel-gradient: linear-gradient(
    180deg,
    rgba(71, 77, 87, 1) 0%,
    rgba(88, 90, 94, 1) 55%,
    rgba(118, 112, 106, 1) 100%
  );
  --adherence-danger: rgba(246, 73, 72, 1);
  --adherence-warning: rgba(242, 179, 61, 1);
  --adherence-success: rgba(95, 201, 138, 1);
  --tab-bar-base: rgba(255, 255, 255, 1);
  --tab-bar-muted: rgba(255, 255, 255, 0.36);
  --selection-fill: rgba(255, 255, 255, 1);
  --selection-label: rgba(0, 0, 0, 1);
  --button-solid-fill: rgba(255, 255, 255, 1);
  --button-solid-label: rgba(0, 0, 0, 1);
  --button-soft-fill: rgba(255, 255, 255, 0.16);
  --button-soft-label: rgba(255, 255, 255, 1);
  --button-ghost-label: rgba(255, 255, 255, 1);
  --button-outline-border: rgba(255, 255, 255, 0.32);
  --button-outline-label: rgba(255, 255, 255, 1);
  --button-paper-solid-fill: rgba(17, 17, 17, 1);
  --button-paper-solid-label: rgba(255, 255, 255, 1);
  --button-paper-soft-fill: rgba(17, 17, 17, 0.08);
  --button-paper-soft-label: rgba(17, 17, 17, 1);
  --button-sky-fill: rgba(255, 255, 255, 1);
  --button-sky-label: rgba(0, 0, 0, 1);
  --button-solid-docked-fill: rgba(255, 255, 255, 1);
}

[data-theme="dawn"] {
  --gradient: linear-gradient(
    170deg,
    rgba(82, 91, 115, 1) 0%,
    rgba(94, 100, 119, 1) 32%,
    rgba(110, 111, 128, 1) 60%,
    rgba(126, 122, 133, 1) 85%,
    rgba(137, 129, 136, 1) 100%
  );
  --separator: rgba(255, 255, 255, 0.16);
  --border-base: rgba(255, 255, 255, 0.16);
  --border-danger: rgba(255, 176, 176, 1);
  --protocol-mark-default: rgba(255, 255, 255, 0.28);
  --text-base: rgba(255, 255, 255, 1);
  --text-muted: rgba(255, 255, 255, 0.68);
  --text-danger: rgba(255, 227, 227, 1);
  --text-inverse: rgba(0, 0, 0, 1);
  --text-white: rgba(255, 255, 255, 1);
  --text-black: rgba(0, 0, 0, 1);
  --field-error-accent: rgba(255, 82, 82, 0.32);
  --field-error-fill: rgba(255, 82, 82, 0.12);
  --badge-primary-fill: rgba(255, 255, 255, 0.12);
  --badge-attention-fill: rgba(170, 149, 144, 0.44);
  --badge-success-fill: rgba(95, 138, 104, 0.64);
  --badge-warning-fill: rgba(255, 82, 82, 0.24);
  --badge-accent-fill: rgba(95, 138, 104, 0.64);
  --badge-tinted-fill: rgba(255, 255, 255, 0.14);
  --badge-tinted-border: rgba(255, 255, 255, 0.45);
  --badge-solid-fill: rgba(255, 255, 255, 0.92);
  --badge-solid-label: rgba(0, 0, 0, 1);
  --surface-light-fill: rgba(255, 255, 255, 0.04);
  --surface-light-selected: rgba(255, 255, 255, 0.16);
  --surface-light-pressed: rgba(255, 255, 255, 0.24);
  --surface-dark-fill: rgba(0, 0, 0, 0.08);
  --surface-dark-selected: rgba(0, 0, 0, 0.24);
  --surface-dark-pressed: rgba(0, 0, 0, 0.32);
  --surface-paper-fill: rgba(255, 255, 255, 0.92);
  --surface-paper-text: rgba(17, 17, 17, 1);
  --surface-paper-muted: rgba(17, 17, 17, 0.64);
  --sheet-fill: rgba(0, 0, 0, 0.76);
  --sheet-opaque-fill: rgba(17, 17, 17, 1);
  --panel-fill: rgba(0, 0, 0, 0.24);
  --panel-scrim: rgba(0, 0, 0, 0.42);
  --panel-gradient: linear-gradient(
    180deg,
    rgba(110, 113, 133, 1) 0%,
    rgba(123, 120, 133, 1) 55%,
    rgba(137, 129, 136, 1) 100%
  );
  --adherence-danger: rgba(255, 122, 122, 1);
  --adherence-warning: rgba(242, 179, 61, 1);
  --adherence-success: rgba(95, 201, 138, 1);
  --tab-bar-base: rgba(255, 255, 255, 1);
  --tab-bar-muted: rgba(255, 255, 255, 0.48);
  --selection-fill: rgba(255, 255, 255, 1);
  --selection-label: rgba(0, 0, 0, 1);
  --button-solid-fill: rgba(255, 255, 255, 1);
  --button-solid-label: rgba(0, 0, 0, 1);
  --button-soft-fill: rgba(255, 255, 255, 0.16);
  --button-soft-label: rgba(255, 255, 255, 1);
  --button-ghost-label: rgba(255, 255, 255, 1);
  --button-outline-border: rgba(255, 255, 255, 0.32);
  --button-outline-label: rgba(255, 255, 255, 1);
  --button-paper-solid-fill: rgba(17, 17, 17, 1);
  --button-paper-solid-label: rgba(255, 255, 255, 1);
  --button-paper-soft-fill: rgba(17, 17, 17, 0.08);
  --button-paper-soft-label: rgba(17, 17, 17, 1);
  --button-sky-fill: rgba(255, 255, 255, 1);
  --button-sky-label: rgba(0, 0, 0, 1);
  --button-solid-docked-fill: rgba(255, 255, 255, 1);
}

[data-theme="classic"] {
  --gradient: linear-gradient(180deg, rgba(253, 253, 253, 1) 0%, rgba(245, 245, 245, 1) 100%);
  --separator: rgba(134, 140, 155, 0.32);
  --border-base: rgba(134, 140, 155, 0.32);
  --border-danger: rgba(246, 73, 72, 1);
  --protocol-mark-default: rgba(17, 17, 17, 0.14);
  --text-base: rgba(17, 17, 17, 1);
  --text-muted: rgba(17, 17, 17, 0.48);
  --text-danger: rgba(255, 82, 82, 0.8);
  --text-inverse: rgba(255, 255, 255, 1);
  --text-white: rgba(255, 255, 255, 1);
  --text-black: rgba(0, 0, 0, 1);
  --field-error-accent: rgba(192, 57, 43, 0.22);
  --field-error-fill: rgba(192, 57, 43, 0.08);
  --badge-primary-fill: rgba(0, 0, 0, 0.08);
  --badge-attention-fill: rgba(189, 150, 140, 0.6);
  --badge-success-fill: rgba(0, 0, 0, 0.08);
  --badge-warning-fill: rgba(255, 82, 82, 0.24);
  --badge-accent-fill: rgba(197, 214, 58, 1);
  --badge-tinted-fill: rgba(0, 0, 0, 0.08);
  --badge-tinted-border: rgba(0, 0, 0, 0.4);
  --badge-solid-fill: rgba(0, 0, 0, 0.85);
  --badge-solid-label: rgba(255, 255, 255, 1);
  --surface-light-fill: rgba(134, 140, 155, 0.04);
  --surface-light-selected: rgba(134, 140, 155, 0.24);
  --surface-light-pressed: rgba(134, 140, 155, 0.32);
  --surface-dark-fill: rgba(255, 255, 255, 0.4);
  --surface-dark-selected: rgba(255, 255, 255, 0.16);
  --surface-dark-pressed: rgba(255, 255, 255, 0.24);
  --surface-paper-fill: rgba(255, 255, 255, 0.92);
  --surface-paper-text: rgba(17, 17, 17, 1);
  --surface-paper-muted: rgba(17, 17, 17, 0.64);
  --sheet-fill: rgba(253, 253, 253, 0.94);
  --sheet-opaque-fill: rgba(253, 253, 253, 1);
  --panel-fill: rgba(0, 0, 0, 0.04);
  --panel-scrim: rgba(0, 0, 0, 0.24);
  --panel-gradient: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(253, 253, 253, 1) 100%);
  --adherence-danger: rgba(252, 61, 35, 1);
  --adherence-warning: rgba(255, 190, 66, 1);
  --adherence-success: rgba(166, 209, 46, 1);
  --tab-bar-base: rgba(17, 17, 17, 1);
  --tab-bar-muted: rgba(17, 17, 17, 0.32);
  --selection-fill: rgba(82, 91, 115, 1);
  --selection-label: rgba(255, 255, 255, 1);
  --button-solid-fill: rgba(82, 91, 115, 1);
  --button-solid-label: rgba(255, 255, 255, 1);
  --button-soft-fill: rgba(134, 140, 155, 0.16);
  --button-soft-label: rgba(17, 17, 17, 1);
  --button-ghost-label: rgba(17, 17, 17, 1);
  --button-outline-border: rgba(17, 17, 17, 0.24);
  --button-outline-label: rgba(17, 17, 17, 1);
  --button-paper-solid-fill: rgba(17, 17, 17, 1);
  --button-paper-solid-label: rgba(255, 255, 255, 1);
  --button-paper-soft-fill: rgba(17, 17, 17, 0.08);
  --button-paper-soft-label: rgba(17, 17, 17, 1);
  --button-sky-fill: rgba(255, 255, 255, 1);
  --button-sky-label: rgba(0, 0, 0, 1);
  --button-solid-docked-fill: rgba(82, 91, 115, 1);
}

[data-theme="classic_dark"] {
  --gradient: linear-gradient(180deg, rgba(32, 33, 42, 1) 0%, rgba(32, 33, 42, 1) 100%);
  --separator: rgba(53, 56, 70, 1);
  --border-base: rgba(53, 56, 70, 1);
  --border-danger: rgba(255, 176, 176, 1);
  --protocol-mark-default: rgba(233, 235, 242, 0.28);
  --text-base: rgba(233, 235, 242, 1);
  --text-muted: rgba(169, 173, 188, 1);
  --text-danger: rgba(255, 122, 122, 1);
  --text-inverse: rgba(26, 27, 34, 1);
  --text-white: rgba(255, 255, 255, 1);
  --text-black: rgba(0, 0, 0, 1);
  --field-error-accent: rgba(246, 73, 72, 0.32);
  --field-error-fill: rgba(246, 73, 72, 0.12);
  --badge-primary-fill: rgba(233, 235, 242, 0.1);
  --badge-attention-fill: rgba(170, 149, 144, 0.44);
  --badge-success-fill: rgba(233, 235, 242, 0.1);
  --badge-warning-fill: rgba(255, 82, 82, 0.24);
  --badge-accent-fill: rgba(197, 214, 58, 0.32);
  --badge-tinted-fill: rgba(233, 235, 242, 0.1);
  --badge-tinted-border: rgba(233, 235, 242, 0.36);
  --badge-solid-fill: rgba(233, 235, 242, 1);
  --badge-solid-label: rgba(26, 27, 34, 1);
  --surface-light-fill: rgba(233, 235, 242, 0.04);
  --surface-light-selected: rgba(233, 235, 242, 0.1);
  --surface-light-pressed: rgba(233, 235, 242, 0.16);
  --surface-dark-fill: rgba(0, 0, 0, 0.08);
  --surface-dark-selected: rgba(0, 0, 0, 0.24);
  --surface-dark-pressed: rgba(0, 0, 0, 0.32);
  --surface-paper-fill: rgba(255, 255, 255, 0.92);
  --surface-paper-text: rgba(17, 17, 17, 1);
  --surface-paper-muted: rgba(17, 17, 17, 0.64);
  --sheet-fill: rgba(41, 44, 55, 0.94);
  --sheet-opaque-fill: rgba(41, 44, 55, 1);
  --panel-fill: rgba(0, 0, 0, 0.24);
  --panel-scrim: rgba(0, 0, 0, 0.5);
  --panel-gradient: linear-gradient(180deg, rgba(41, 44, 55, 1) 0%, rgba(32, 33, 42, 1) 100%);
  --adherence-danger: rgba(246, 73, 72, 1);
  --adherence-warning: rgba(242, 179, 61, 1);
  --adherence-success: rgba(166, 209, 46, 1);
  --tab-bar-base: rgba(233, 235, 242, 1);
  --tab-bar-muted: rgba(233, 235, 242, 0.36);
  --selection-fill: rgba(233, 235, 242, 0.18);
  --selection-label: rgba(233, 235, 242, 1);
  --button-solid-fill: rgba(140, 152, 205, 0.36);
  --button-solid-label: rgba(233, 235, 242, 1);
  --button-soft-fill: rgba(233, 235, 242, 0.1);
  --button-soft-label: rgba(233, 235, 242, 1);
  --button-ghost-label: rgba(233, 235, 242, 1);
  --button-outline-border: rgba(233, 235, 242, 0.24);
  --button-outline-label: rgba(233, 235, 242, 1);
  --button-paper-solid-fill: rgba(17, 17, 17, 1);
  --button-paper-solid-label: rgba(255, 255, 255, 1);
  --button-paper-soft-fill: rgba(17, 17, 17, 0.08);
  --button-paper-soft-label: rgba(17, 17, 17, 1);
  --button-sky-fill: rgba(255, 255, 255, 1);
  --button-sky-label: rgba(0, 0, 0, 1);
  --button-solid-docked-fill: rgba(71, 76, 101, 1);
}