/**
 * 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: #2c888f;
    --color-primary-light: #e0f2f4;
    --color-primary-dark: #1e6b71;
    --color-accent: #89282f;
    --color-accent-light: #f7e8e9;
    --color-surface: #fbfcff;
    --color-background: #fbfcff;
    --color-border: #d0d9e2;
    --color-text: #18081d;
    --color-text-secondary: #5a5060;
    --color-text-muted: #9f9aa2;
    --color-green: #2c888f;
    --color-red: #89282f;

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

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