/* Harbor theme (harbor), generated by app-forge. Do not edit; change themes/builtin/harbor.json. */

:root {
    color-scheme: light;
    --ui-font-body: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --ui-font-heading: var(--ui-font-body);
    --ui-font-mono: ui-monospace, 'Cascadia Code', 'SF Mono', Menlo, Consolas, monospace;
    --ui-text-xs: 0.75rem;
    --ui-text-sm: 0.875rem;
    --ui-text-base: 1rem;
    --ui-text-lg: clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem);
    --ui-text-xl: clamp(1.1808rem, 1.0944rem + 0.432vw, 1.44rem);
    --ui-text-2xl: clamp(1.417rem, 1.3133rem + 0.5184vw, 1.728rem);
    --ui-text-3xl: clamp(1.7004rem, 1.5759rem + 0.6221vw, 2.0736rem);
    --ui-leading-body: 1.5;
    --ui-leading-heading: 1.25;
    --ui-h1-size: clamp(1.7004rem, 1.5759rem + 0.6221vw, 2.0736rem);
    --ui-h2-size: clamp(1.417rem, 1.3133rem + 0.5184vw, 1.728rem);
    --ui-h3-size: clamp(1.1808rem, 1.0944rem + 0.432vw, 1.44rem);
    --ui-h4-size: clamp(1rem, 0.9333rem + 0.3333vw, 1.2rem);
    --ui-h5-size: 1rem;
    --ui-h6-size: 0.75rem;
    --ui-heading-weight: 600;
    --ui-heading-tracking: -0.01em;
    --ui-heading-color: var(--ui-fg);
    --ui-h6-transform: uppercase;
    --ui-h6-tracking: 0.08em;
    --ui-h6-color: var(--ui-muted);
    --ui-heading-icon-display: inline-flex;
    --ui-link-decoration: underline;
    --ui-link-weight: 500;
    --ui-link-hover-color: var(--ui-accent-hover);
    --ui-link-hover-decoration: underline;
    --ui-link-hover-thickness: 1px;
    --ui-link-hover-bg: transparent;
    --ui-quote-bar: 3px;
    --ui-quote-bar-color: var(--ui-accent);
    --ui-quote-bg: transparent;
    --ui-quote-border: 0;
    --ui-quote-radius: 0;
    --ui-quote-pad: 0 0 0 var(--ui-space-md);
    --ui-quote-style: normal;
    --ui-quote-size: var(--ui-text-lg);
    --ui-code-bg: var(--ui-subtle);
    --ui-code-size: 0.9em;
    --ui-radius-sm: 6px;
    --ui-radius-md: 10px;
    --ui-radius-lg: 14px;
    --ui-radius-pill: 999px;
    --ui-radius-button: 6px;
    --ui-shadow-sm: 0 1px 2px rgb(16 24 32 / 0.05);
    --ui-shadow-pop: 0 8px 24px rgb(16 24 32 / 0.10), 0 1px 3px rgb(16 24 32 / 0.06);
    --ui-card-border: var(--ui-line);
    --ui-card-shadow: var(--ui-shadow-sm);
    --ui-card-header-bg: linear-gradient(90deg, var(--ui-accent-soft-2), transparent 70%);
    --ui-card-header-bar: 0;
    --ui-table-stripe: transparent;
    --ui-table-head-bg: var(--ui-subtle);
    --ui-table-head-line: var(--ui-line);
    --ui-button-weight: 600;
    --ui-button-transform: none;
    --ui-button-hover-shadow: none;
    --ui-button-hover-lift: none;
    --ui-button-tracking: 0;
    --ui-focus-width: 2px;
    --ui-icon-size: 18px;
    --ui-icon-stroke: 1.75;
    --ui-icon-color: var(--ui-muted);
    --ui-motion-fast: 150ms;
    --ui-motion-base: 250ms;
    --ui-motion-slow: 400ms;
    --ui-motion-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
    --ui-layout-content-max: 80rem;
    --ui-space-section: 2.25rem;
    --ui-space-block: 1.25rem;
    --ui-space-xs: 0.25rem;
    --ui-space-sm: 0.5rem;
    --ui-space-md: 1rem;
    --ui-space-lg: 1.5rem;
    --ui-space-xl: 2rem;
    --ui-gap-section: var(--ui-space-section);
    --ui-gap-block: var(--ui-space-block);
    --ui-gap-field: var(--ui-space-md);
    --ui-gap-label: var(--ui-space-xs);
    --ui-gap-inline: var(--ui-space-sm);
    --ui-gap-actions: var(--ui-space-lg);
    --ui-gap-text: var(--ui-space-md);
    --ui-pad-page: var(--ui-space-lg) var(--ui-layout-gutter);
    --ui-pad-card: var(--ui-space-block);
    --ui-pad-card-head: 0.75rem var(--ui-space-block);
    --ui-pad-control: 0 var(--ui-space-md);
    --ui-pad-input: 0 0.75rem;
    --ui-pad-cell: 0.625rem 0.75rem;
    --ui-pad-badge: 0.25rem 0.5rem;
    --ui-canvas: #f8fafb;
    --ui-surface: #ffffff;
    --ui-subtle: #f3f6f8;
    --ui-hover: #eaeff3;
    --ui-line: #e3e8ed;
    --ui-line-strong: #cfd7de;
    --ui-control: #7d8b97;
    --ui-fg: #1f2a33;
    --ui-muted: #58646f;
    --ui-faint: #86919b;
    --ui-accent: #0375a0;
    --ui-accent-hover: #025f82;
    --ui-on-accent: #ffffff;
    --ui-focus: #0375a0;
    --ui-success: #1e7a46;
    --ui-success-bg: #e9f6ee;
    --ui-warning: #8a5a00;
    --ui-warning-bg: #fdf4dc;
    --ui-danger: #b03a3a;
    --ui-danger-bg: #fbecec;
    --ui-info: #1f5f99;
    --ui-info-bg: #e8f1fa;
    --ui-neutral: #56626c;
    --ui-neutral-bg: #f0f2f4;
    --ui-highlight: #6a4bb5;
    --ui-highlight-bg: #f1edfa;
    --ui-chart-1: #2a78d6;
    --ui-chart-2: #eb6834;
    --ui-chart-3: #1baf7a;
    --ui-chart-4: #eda100;
    --ui-chart-5: #e87ba4;
    --ui-chart-6: #008300;
    --ui-chart-7: #4a3aa7;
    --ui-chart-8: #e34948;
    --ui-accent-soft: color-mix(in srgb, var(--ui-accent) 10%, transparent);
    --ui-accent-soft-2: color-mix(in srgb, var(--ui-accent) 16%, transparent);
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        color-scheme: dark;
        --ui-canvas: #0e1417;
        --ui-surface: #151d22;
        --ui-subtle: #1b252b;
        --ui-hover: #222e35;
        --ui-line: #28343c;
        --ui-line-strong: #36444d;
        --ui-control: #6e7f8b;
        --ui-fg: #e6edf1;
        --ui-muted: #a0adb7;
        --ui-faint: #77858f;
        --ui-accent: #4fb3dc;
        --ui-accent-hover: #74c4e5;
        --ui-on-accent: #06161d;
        --ui-focus: #4fb3dc;
        --ui-success: #6fd39c;
        --ui-success-bg: #12301f;
        --ui-warning: #f0c25a;
        --ui-warning-bg: #33270b;
        --ui-danger: #f49a9a;
        --ui-danger-bg: #3a1717;
        --ui-info: #86bbef;
        --ui-info-bg: #13283d;
        --ui-neutral: #b0bac2;
        --ui-neutral-bg: #252d33;
        --ui-highlight: #bfabf2;
        --ui-highlight-bg: #2a2142;
        --ui-chart-1: #3987e5;
        --ui-chart-2: #d95926;
        --ui-chart-3: #199e70;
        --ui-chart-4: #c98500;
        --ui-chart-5: #d55181;
        --ui-chart-6: #008300;
        --ui-chart-7: #9085e9;
        --ui-chart-8: #e66767;
        --ui-accent-soft: color-mix(in srgb, var(--ui-accent) 10%, transparent);
        --ui-accent-soft-2: color-mix(in srgb, var(--ui-accent) 16%, transparent);
    }
}

:root[data-theme="dark"] {
    color-scheme: dark;
    --ui-canvas: #0e1417;
    --ui-surface: #151d22;
    --ui-subtle: #1b252b;
    --ui-hover: #222e35;
    --ui-line: #28343c;
    --ui-line-strong: #36444d;
    --ui-control: #6e7f8b;
    --ui-fg: #e6edf1;
    --ui-muted: #a0adb7;
    --ui-faint: #77858f;
    --ui-accent: #4fb3dc;
    --ui-accent-hover: #74c4e5;
    --ui-on-accent: #06161d;
    --ui-focus: #4fb3dc;
    --ui-success: #6fd39c;
    --ui-success-bg: #12301f;
    --ui-warning: #f0c25a;
    --ui-warning-bg: #33270b;
    --ui-danger: #f49a9a;
    --ui-danger-bg: #3a1717;
    --ui-info: #86bbef;
    --ui-info-bg: #13283d;
    --ui-neutral: #b0bac2;
    --ui-neutral-bg: #252d33;
    --ui-highlight: #bfabf2;
    --ui-highlight-bg: #2a2142;
    --ui-chart-1: #3987e5;
    --ui-chart-2: #d95926;
    --ui-chart-3: #199e70;
    --ui-chart-4: #c98500;
    --ui-chart-5: #d55181;
    --ui-chart-6: #008300;
    --ui-chart-7: #9085e9;
    --ui-chart-8: #e66767;
    --ui-accent-soft: color-mix(in srgb, var(--ui-accent) 10%, transparent);
    --ui-accent-soft-2: color-mix(in srgb, var(--ui-accent) 16%, transparent);
}