/**
 * Design Tokens
 * The single source of truth for the application's design system.
 */

:root {
    /* --------------------------
   * Colors
   * -------------------------- */
    /* Brand Colors */
    --color-primary: #0b3558;
    /* Deep Blue */
    --color-accent: #1070f8;
    /* Bright Blue */

    /* Semantic Colors */
    --color-text-main: #120A12;
    --color-text-heading: #120A12;
    --color-text-light: #ffffff;

    /* Surfaces */
    --color-bg-body: #ffffff;
    --color-bg-surface: #ffffff;
    --color-bg-alt: #f8fbfc;
    /* Light blue-grey tint */

    /* Status */
    --color-success: #059652;
    --color-error: #df1529;

    /* --------------------------
   * Typography
   * -------------------------- */
    --font-family-base: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-family-heading: "Roboto", sans-serif;

    /* --------------------------
   * Spacing
   * -------------------------- */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;

    /* --------------------------
   * Layout
   * -------------------------- */
    --header-height: 80px;
    --container-max-width: 1320px;

    /* --------------------------
   * Effects & Borders
   * -------------------------- */
    --shadow-card: 0px 8px 16px rgba(0, 0, 0, 0.15);
    --shadow-soft: 0px 10px 30px rgba(0, 0, 0, 0.08);
    /* Previous soft shadow */
    --shadow-hover: 0px 15px 40px rgba(0, 0, 0, 0.12);

    --radius-sm: 4px;
    --radius-md: 6px;
    /* Live site standard */
    --radius-lg: 12px;
    --radius-full: 50%;
}