/**
 * Design Tokens - HeidiMail
 *
 * CSS custom properties from STYLE-GUIDE.md + mail-specific tokens.
 */

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

:root {
    /* === Colors === */
    --color-primary: #6B8CAE;
    --color-primary-light: #E8EDF3;
    --color-primary-dark: #4A6B8A;
    --color-accent: #E07B39;
    --color-accent-light: #FCF0E8;
    --color-surface: #ffffff;
    --color-background: #f8f9fa;
    --color-border: #e0e0e0;
    --color-text: #2c3e50;
    --color-text-secondary: #6c757d;
    --color-text-muted: #95a5a6;
    --color-green: #52A675;
    --color-red: #E05252;

    /* === Fonts === */
    --font-family: 'Poppins', -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    /* === Mail-specific Layout === */
    --sidebar-width: 220px;
    --maillist-width: 360px;
    --header-height: 64px;

    /* === Shared === */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 24px;
    --transition: 150ms ease;
    --shadow-hover: 0 8px 24px rgba(107, 140, 174, 0.15);
    --shadow-button: 0 8px 24px rgba(0, 0, 0, 0.2);
}