/* Shared design tokens for the TownClouds platform shell (marketing/wizard) and Admin portal.
   Not linked from Default/Modern/HeroImage theme layouts — those render live customer sites
   and are intentionally left on their own, untokenized styles. */

:root {
    --tc-ink: #16222e;
    --tc-ink-soft: #4a5a6a;
    --tc-ink-faint: #7c8ea0;

    --tc-surface: #ffffff;
    --tc-surface-sunken: #f3f6f9;
    --tc-surface-raised: #ffffff;
    --tc-line: #dbe3ea;
    --tc-line-soft: #e9eef3;

    --tc-brand-100: #e3f0fb;
    --tc-brand-300: #8bc3e8;
    --tc-brand-500: #48a3e0;
    --tc-brand-600: #2f8dcd;
    --tc-brand-700: #2371a8;
    --tc-brand-900: #123152;

    --tc-success: #1f9d6e;
    --tc-success-100: #dcf3ea;
    --tc-danger: #d6455b;
    --tc-danger-100: #fbe4e7;
    --tc-warning: #b5790f;
    --tc-warning-100: #faf0da;

    --tc-radius-sm: 6px;
    --tc-radius-md: 10px;
    --tc-radius-lg: 16px;
    --tc-radius-pill: 999px;

    --tc-shadow-sm: 0 1px 2px rgba(18, 49, 82, .06);
    --tc-shadow-md: 0 8px 24px rgba(18, 49, 82, .10);
    --tc-shadow-lg: 0 20px 48px rgba(18, 49, 82, .16);

    --tc-space-1: 4px;
    --tc-space-2: 8px;
    --tc-space-3: 12px;
    --tc-space-4: 16px;
    --tc-space-5: 24px;
    --tc-space-6: 32px;
    --tc-space-7: 48px;
    --tc-space-8: 64px;

    --tc-font-display: 'Poppins', system-ui, sans-serif;
    --tc-font-body: 'Public Sans', system-ui, sans-serif;

    --tc-fs-xs: .8rem;
    --tc-fs-sm: .9rem;
    --tc-fs-base: 1rem;
    --tc-fs-lg: 1.15rem;
    --tc-fs-xl: 1.4rem;
    --tc-fs-2xl: 1.8rem;
    --tc-fs-3xl: 2.4rem;

    --tc-fw-normal: 400;
    --tc-fw-medium: 500;
    --tc-fw-semibold: 600;
    --tc-fw-bold: 700;
}