/* TTClub design tokens. Change this file to rebrand the application. */
:root {
    --tt-font: "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    --tt-text: #203c42;
    --tt-muted: #64777c;
    --tt-text-secondary: #496167;
    --tt-background: #f5f7f6;
    --tt-surface: #ffffff;
    --tt-surface-soft: #f1f5f2;
    --tt-border: #dfe7e4;
    --tt-input-border: #cbd9d3;
    --tt-brand: #176b60;
    --tt-brand-hover: #11564c;
    --tt-brand-soft: #edf5ef;
    --tt-header: #203f44;
    --tt-on-dark: #ffffff;
    --tt-info: #37667d;
    --tt-info-soft: #eef4f7;
    --tt-success: #247453;
    --tt-success-soft: #edf6ef;
    --tt-warning: #89652c;
    --tt-warning-soft: #faf4e7;
    --tt-danger: #b34843;
    --tt-danger-hover: #963b37;
    --tt-danger-soft: #fcf0ee;
    --tt-success-border: #cfdfd3;
    --tt-warning-border: #e5d7b7;
    --tt-danger-border: #ebcfca;
    --tt-info-border: #c8dce4;
    --tt-accent: #d7edaa;
    --tt-radius-card: 18px;
    --tt-radius-control: 10px;
    --tt-radius-small: 7px;
    --tt-space-1: 8px;
    --tt-space-2: 16px;
    --tt-space-3: 24px;
    --tt-space-4: 32px;
    --tt-card-padding: 26px;
    --tt-page-gap: 20px;
    --tt-shadow: 0 4px 18px rgba(27, 57, 62, .045);
    --tt-focus-ring: 0 0 0 3px rgba(23, 107, 96, .18);
}
@media (max-width: 767px) {
    :root { --tt-radius-card: 14px; --tt-card-padding: 20px; --tt-page-gap: 16px; }
}