/* FlyFruition Design System - Shared Design Tokens */
/* This file contains global design tokens used across all components */
/* Update this file to customize for different clients */

:root {
    /* Typography - Font Families */
    --font-family-body: 'aktiv-grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-family-heading: 'dm-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-family-button: 'aktiv-grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-family-numeric: 'aktiv-grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* Typography - Font Sizes */
    --font-size-xs: 11px;
    --font-size-sm: 13px;
    --font-size-base: 15px;
    --font-size-md: 17px;
    --font-size-lg: 18px;
    --font-size-xl: 22px;
    --font-size-2xl: 28px;
    --font-size-3xl: 36px;

    /* Typography - Font Weights */
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;

    /* Typography - Line Heights */
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.75;

    /* Colors - Primary */
    --color-primary: #0064A7;
    --color-primary-dark: #004A78;

    /* Colors - Status */
    --color-success: #1cb85b;
    --color-success-bg: #d2f1de;
    --color-warning: #ff8800;
    --color-warning-bg: #fff4e6;
    --color-error: #f3442d;
    --color-error-bg: #ffefed;
    --color-info: #2063f8;
    --color-info-bg: #d2e0fe;

    /* Colors - Status Tags */
    /* On Time / Success */
    --status-ontime-bg: #d2f1de;
    --status-ontime-border: #49c67c;
    --status-ontime-icon: #1cb85b;
    --status-ontime-text: #3a3e46;
    /* Arrived */
    --status-arrived-bg: #d2f1de;
    --status-arrived-border: #49c67c;
    --status-arrived-icon: #1cb85b;
    --status-arrived-text: #3a3e46;
    /* Delayed */
    --status-delayed-bg: #fff4e6;
    --status-delayed-border: #ffb84d;
    --status-delayed-icon: #ff8c00;
    --status-delayed-text: #3a3e46;
    /* On Ground */
    --status-onground-bg: #D3E7F5;
    --status-onground-border: #2E83B8;
    --status-onground-icon: #2E83B8;
    --status-onground-text: #3a3e46;
    /* Cancelled */
    --status-cancelled-bg: #ffefed;
    --status-cancelled-border: #f56957;
    --status-cancelled-icon: #f3442d;
    --status-cancelled-text: #3a3e46;
    /* Status Tag Spacing */
    --status-tag-padding-y: 4px;
    --status-tag-padding-x: 12px;
    --status-tag-gap: 8px;
    --status-tag-border-radius: 4px;

    /* Colors - Text */
    --color-text-heading: #05243D;
    --color-text-body: #3a3e46;
    --color-text-light: #7d8796;
    --color-text-muted: #b0b8c1;

    /* Colors - Borders */
    --color-border-light: #e1edf2;
    --color-border-medium: #e6e9eb;
    --color-border-accent: #a6c1fc;
     --color-border-neutral: #C6C8CF;

    /* Colors - Backgrounds */
    --color-bg-primary: #ffffff;
    --color-bg-light: #f7fafc;
    --color-bg-secondary: #f6f6f7;
    --color-bg-blue-light: #d2e0fe;
    --color-bg-blue-lighter: #ccf2ff;


    /* Colors - Terminal Badges */
    --color-terminal-a: #a6c1fc;
    --color-terminal-b: #e39afd;
    --color-terminal-c: #8fe1ff;

    /* Spacing Scale */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 20px;
    --spacing-2xl: 24px;
    --spacing-3xl: 32px;
    --spacing-4xl: 40px;

    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-pill: 24px;

    /* Shadows */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);

    /* Transitions */
    --transition-fast: 0.15s ease;
    --transition-base: 0.2s ease;
    --transition-slow: 0.3s ease;
}