@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ── Platform design tokens ──
 *
 * Single source of truth for visual tokens across platform/. Use the
 * --platform-* names in new code. The --ca-* and --color-* aliases below
 * exist so existing campaign-analysis and dashboard CSS keeps rendering
 * during the page-by-page migration; they will be removed once no
 * consumer remains.
 */

:root {
    /* Surfaces */
    --platform-bg-page: #f8f5f0;
    --platform-bg-page-deep: #f1ede7;
    --platform-bg-panel: #ffffff;
    --platform-hover: #f3eee8;

    /* Text */
    --platform-text-primary: #161514;
    --platform-text-secondary: #6b6660;
    --platform-text-tertiary: #9a948d;

    /* Borders */
    --platform-border: #e5e0d8;
    --platform-border-light: #ede9e3;

    /* Accent */
    --platform-accent: #161514;
    --platform-accent-soft: rgba(22, 21, 20, 0.06);

    /* Semantic */
    --platform-success: #2d6a4f;
    --platform-success-bg: #e9f5ef;
    --platform-danger: #9b2c2c;
    --platform-danger-bg: #fde8e8;

    /* Radii */
    --platform-radius-sm: 6px;
    --platform-radius-md: 10px;
    --platform-radius-lg: 14px;
    --platform-radius-xl: 20px;

    /* Shadows */
    --platform-shadow-soft: 0 1px 3px rgba(22, 21, 20, 0.04), 0 1px 2px rgba(22, 21, 20, 0.02);
    --platform-shadow-md: 0 4px 12px rgba(22, 21, 20, 0.06), 0 1px 3px rgba(22, 21, 20, 0.04);
    --platform-shadow-lg: 0 8px 32px rgba(22, 21, 20, 0.08), 0 2px 8px rgba(22, 21, 20, 0.04);

    /* Motion */
    --platform-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);

    /* Type */
    --platform-font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --platform-font-title: 'Futura', 'Century Gothic', 'Avenir', -apple-system, sans-serif;

    /* ── Legacy aliases (campaign-analysis.css) ── */
    --ca-ink: var(--platform-text-primary);
    --ca-ink-secondary: var(--platform-text-secondary);
    --ca-ink-tertiary: var(--platform-text-tertiary);
    --ca-line: var(--platform-border);
    --ca-line-light: var(--platform-border-light);
    --ca-paper: var(--platform-bg-page);
    --ca-paper-deep: var(--platform-bg-page-deep);
    --ca-panel: var(--platform-bg-panel);
    --ca-hover: var(--platform-hover);
    --ca-accent: var(--platform-accent);
    --ca-accent-soft: var(--platform-accent-soft);
    --ca-success: var(--platform-success);
    --ca-success-bg: var(--platform-success-bg);
    --ca-danger: var(--platform-danger);
    --ca-danger-bg: var(--platform-danger-bg);
    --ca-radius-sm: var(--platform-radius-sm);
    --ca-radius-md: var(--platform-radius-md);
    --ca-radius-lg: var(--platform-radius-lg);
    --ca-radius-xl: var(--platform-radius-xl);
    --ca-shadow-soft: var(--platform-shadow-soft);
    --ca-shadow-md: var(--platform-shadow-md);
    --ca-shadow-lg: var(--platform-shadow-lg);
    --ca-transition: var(--platform-transition);
    --ca-font: var(--platform-font-body);
    --ca-font-title: var(--platform-font-title);

    /* ── Legacy aliases (dashboard.css) ── */
    --color-primary: var(--platform-text-primary);
    --color-primary-light: var(--platform-hover);
    --color-success: var(--platform-success);
    --color-success-bg: var(--platform-success-bg);
    --color-danger: var(--platform-danger);
    --color-danger-bg: var(--platform-danger-bg);
    --color-text-primary: var(--platform-text-primary);
    --color-text-secondary: var(--platform-text-secondary);
    --color-border: var(--platform-border);
    --color-background: var(--platform-bg-page);
    --color-background-white: var(--platform-bg-panel);
    --border-radius-md: var(--platform-radius-md);
    --shadow-soft: var(--platform-shadow-soft);
    --shadow-lifted: var(--platform-shadow-md);
    --transition-fast: var(--platform-transition);
}


body {
    background: var(--platform-bg-page);
    font-family: var(--platform-font-body);
}