/* Zevs UI implementation 0.1. Tokens only exist inside opted-in roots. */
[data-zevs-ui] {
    /* Base values. Existing platform theme remains the palette source. */
    --zds-size-action: 36px;
    --zds-size-number: 26px;
    --zds-space-unit: 1px;
    --zds-font-size: 13px;
    --zds-glyph-size: 18px;
    --zds-ai-button-ink: var(--raised-bg);
    /* Semantic values; unrelated component families remain independent. */
    --zds-action-height: var(--zds-size-action);
    --zds-navigation-ink: var(--text-72);
    --zds-navigation-current: var(--accent-ink);
    /* Pagination component values. */
    --zds-pagination-number-width: var(--zds-size-number);
    --zds-pagination-arrow-width: var(--zds-action-height);
    --zds-pagination-height: var(--zds-action-height);
    --zds-pagination-gap: var(--zds-space-unit);
    --zds-pagination-indicator-width: 12px;
}

/* Foundation values are shared; palette values resolve against each existing shell. */
[data-zevs-ui] {
    --zds-font-family: "Golos Text", system-ui, sans-serif;
    --zds-space-1: 4px;
    --zds-space-2: 8px;
    --zds-space-3: 12px;
    --zds-space-4: 16px;
    --zds-space-6: 24px;
    --zds-space-8: 32px;
    --zds-ink: var(--text, var(--pc-text));
    --zds-muted: var(--text-muted, var(--muted, var(--pc-muted)));
    --zds-border: var(--ui-control-border, var(--card-border, var(--line, var(--pc-line))));
    --zds-surface: var(--raised-bg, var(--panel, var(--pc-card)));
    --zds-accent: var(--accent, var(--pc-gold));
    --zds-accent-ink: var(--accent-ink, var(--accent, var(--pc-gold)));
    --zds-accent-text: var(--accent-text, #1a1814);
    --zds-danger: var(--danger, #b4432c);
    --zds-button-padding-block: 6px;
    --zds-button-padding-inline: 14px;
    --zds-button-radius: var(--ui-button-radius, 7px);
    --zds-control-height: 40px;
    --zds-close-color: var(--ui-close-color, var(--text-62, var(--zds-muted)));
    --zds-delete-color: var(--ui-delete-color, var(--zds-danger));
    --zds-icon-hit: 28px;
    --zds-icon-surface: 24px;
    --zds-icon-stroke: 1.5;
    --zds-delete-stroke: 1.25;
}
@media (max-width: 680px), (pointer: coarse) {
    [data-zevs-ui] {
        --zds-button-padding-inline: 12px;
        --zds-icon-hit: 36px;
    }
}

[data-zevs-ui] {
    --zds-field-help-gap: var(--zds-space-1, 4px);
    --zds-field-height: var(--zds-control-height);
    --zds-field-padding-block: 8px;
    --zds-field-padding-inline: 10px;
    --zds-field-font-size: var(--type-field, 14px);
    --zds-field-radius: var(--ui-control-radius, 9px);
    --zds-field-surface: var(--ui-control-bg, var(--input-bg, var(--pc-bg)));
    --zds-textarea-min-height: 96px;
}

[data-zevs-ui] {
    --zds-picker-date-width: 332px;
    --zds-picker-time-width: 270px;
    --zds-picker-day-height: var(--zds-action-height);
    --zds-picker-list-height: 216px;
    --zds-picker-gap: var(--zds-space-2);
}

[data-zevs-ui] {
 --zds-tabs-height: var(--zds-action-height);
 --zds-tabs-gap: 20px;
 --zds-tabs-after: 14px;
 --zds-breadcrumbs-gap: var(--zds-space-2);
 --zds-breadcrumbs-font-size: 12px;
}

[data-zevs-ui] {
 --zds-toolbar-control-height: var(--zds-control-height);
 --zds-segmented-gap: 3px;
 --zds-segmented-padding-inline: 10px;
}

[data-zevs-ui] {
 --zds-table-font-size: var(--zds-font-size);
 --zds-table-head-font-size: 12px;
 --zds-table-cell-padding-block: 10px;
 --zds-table-cell-padding-inline: 12px;
 --zds-table-head-surface: var(--bezel-bg, var(--zds-field-surface));
 --zds-choice-size: 18px;
 --zds-table-selection-width: 36px;
 --zds-table-after-selection-padding: 8px;
}
@media(max-width:680px),(pointer:coarse) {
 [data-zevs-ui] { --zds-table-selection-width:44px; }
}

[data-zevs-ui] {
 --zds-choice-font-size:13px;
 --zds-choice-mark-size:14px;
 --zds-choice-radius:4px;
 --zds-choice-label-gap:9px;
 --zds-choice-hit:36px;
 --zds-choice-row-text-gap:8px;
 --zds-choice-checked-mark:var(--card-bg,var(--zds-surface));
}
@media(max-width:680px),(pointer:coarse) {
 [data-zevs-ui] { --zds-choice-hit:44px; --zds-choice-row-text-gap:4px; }
}

[data-zevs-ui] {
 --zds-list-font-size:var(--zds-font-size);
 --zds-list-head-font-size:12px;
 --zds-list-row-padding-block:10px;
 --zds-list-row-padding-inline:12px;
 --zds-data-card-padding:16px;
 --zds-data-card-radius:var(--ui-panel-radius,14px);
}

[data-zevs-ui] {
 --zds-feedback-surface:var(--raised-bg,var(--zds-surface));
 --zds-feedback-neutral-tint:var(--bezel-bg);
 --zds-feedback-success-tint:var(--card-ok-bg);
 --zds-feedback-warning-tint:var(--card-alert-bg);
 --zds-feedback-error-tint:var(--msg-error-bg);
 --zds-feedback-warning-strong-tint:rgba(var(--warning-rgb),.10);
 --zds-feedback-warning-soft-tint:color-mix(in srgb,var(--warning) 8%,transparent);
 --zds-feedback-padding-block:12px;
 --zds-feedback-padding-inline:14px;
}

/* Status profiles preserve the approved differences between catalogue and real owners. */
[data-zevs-ui] {
 --zds-status-font-size:12px;
 --zds-status-badge-padding-block:3px;
 --zds-status-badge-padding-inline:8px;
 --zds-status-chip-height:28px;
 --zds-status-count-size:22px;
 --zds-status-progress-height:6px;
 --zds-status-track-compact:4px;
 --zds-status-track-summary:6px;
 --zds-status-track-standard:8px;
}

/* Layer geometry belongs to catalogue profiles; legacy owners retain their own dimensions. */
[data-zevs-ui] {
 --zds-layer-dialog-width:480px;
 --zds-layer-drawer-width:420px;
 --zds-layer-viewer-width:720px;
 --zds-layer-surface:var(--raised-bg,var(--zds-surface));
 --zds-layer-backdrop:#0007;
}

[data-zevs-ui] {
 --zds-file-font-size:13px;
 --zds-file-row-padding-block:10px;
 --zds-file-row-padding-inline:12px;
 --zds-file-drop-padding:18px;
}

[data-zevs-ui] {
 --zds-step-gap:8px;
 --zds-step-font-size:12px;
 --zds-reorder-padding-block:9px;
}

[data-zevs-ui] {
 --zds-step-complete-ink:var(--success);
 --zds-step-missing-ink:var(--danger);
}

[data-zevs-ui] {
 --zds-switch-track-width:34px;
 --zds-switch-track-height:20px;
 --zds-switch-knob-size:16px;
 --zds-switch-hit:var(--zds-action-height);
 --zds-switch-track-off:var(--ui-control-border);
 --zds-switch-track-on:var(--accent);
 --zds-switch-knob-off:var(--text-muted);
 --zds-switch-knob-on:var(--accent-text);
}