/* TTA foundation. Palette/typography/button geometry are supplied by Astra. */
:root {
    --tta-color-primary: var(--ast-global-color-0, #0f766e);
    --tta-color-primary-strong: var(--ast-global-color-1, #0a5f58);
    --tta-color-ink: var(--ast-global-color-2, #17212f);
    --tta-color-text: var(--ast-global-color-3, #364151);
    --tta-color-soft: var(--ast-global-color-4, #f5f8fb);
    --tta-color-panel: var(--ast-global-color-5, #fff);
    --tta-color-line: var(--ast-global-color-6, #d9e1ea);
    --tta-color-muted: var(--tta-color-text);
    --tta-color-danger: #9b1c1c;
    --tta-color-danger-soft: #fff0f0;
    --tta-color-success: #135b43;
    --tta-color-success-soft: #e8f7f1;
    --tta-color-warning: #76520c;
    --tta-color-warning-soft: #fff8e5;
    --tta-color-info-soft: #eef6ff;
    --tta-radius: 8px;
    --tta-radius-card: calc(var(--tta-radius) * 2);
    --tta-shadow: 0 10px 28px rgba(23, 33, 47, .08);
    --tta-content-width: 1180px;
    --tta-page-gutter: clamp(18px, 4vw, 32px);
    --tta-space-1: 4px;
    --tta-space-2: 8px;
    --tta-space-3: 12px;
    --tta-space-4: 16px;
    --tta-space-6: 24px;
    --tta-font-body: system-ui, sans-serif;
    --tta-font-button: var(--tta-font-body);
    --tta-font-size: 16px;
    --tta-button-font-size: 16px;
    --tta-button-padding: 10px 20px;
    --tta-action-height: 44px;
    --tta-theme: var(--tta-color-primary);
    --tta-background: var(--tta-color-soft);
}