/* 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-heroCompact: 36px;
  --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) 24%,
    rgba(88, 90, 94, 1) 46%,
    rgba(118, 112, 106, 1) 68%,
    rgba(138, 116, 100, 1) 86%,
    rgba(153, 123, 99, 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);
  --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);
  --badge-beta-fill: rgba(230, 186, 88, 0.22);
  --badge-beta-border: rgba(230, 186, 88, 0.7);
  --badge-beta-label: rgba(255, 242, 200, 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);
  --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);
  --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);
}

[data-theme="dawn"] {
  --gradient: linear-gradient(
    170deg,
    rgba(74, 84, 112, 1) 0%,
    rgba(90, 97, 117, 1) 32%,
    rgba(115, 115, 131, 1) 60%,
    rgba(143, 133, 137, 1) 85%,
    rgba(170, 149, 144, 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);
  --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);
  --badge-beta-fill: rgba(230, 186, 88, 0.22);
  --badge-beta-border: rgba(230, 186, 88, 0.7);
  --badge-beta-label: rgba(255, 242, 200, 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);
  --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(128, 124, 137, 1) 55%,
    rgba(145, 135, 144, 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);
  --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);
}

[data-theme="classic"] {
  --gradient: linear-gradient(180deg, rgba(250, 250, 247, 1) 0%, rgba(240, 239, 233, 1) 100%);
  --separator: rgba(145, 145, 132, 0.32);
  --border-base: rgba(145, 145, 132, 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);
  --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(197, 214, 58, 1);
  --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);
  --badge-beta-fill: rgba(250, 224, 150, 0.55);
  --badge-beta-border: rgba(176, 132, 40, 0.7);
  --badge-beta-label: rgba(110, 80, 20, 1);
  --surface-light-fill: rgba(145, 145, 132, 0.04);
  --surface-light-selected: rgba(145, 145, 132, 0.24);
  --surface-light-pressed: rgba(145, 145, 132, 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);
  --sheet-fill: rgba(250, 250, 247, 0.94);
  --sheet-opaque-fill: rgba(250, 250, 247, 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(250, 250, 247, 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);
  --button-solid-fill: rgba(197, 214, 58, 1);
  --button-solid-label: rgba(17, 17, 17, 1);
  --button-soft-fill: rgba(145, 145, 132, 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);
}