/*
 * Project: RoboGenius — Coming Soon
 * Developed by: NovaCore
 * Copyright (c) 2026 RoboGenius.
 * All rights reserved.
 */

@font-face {
    font-family: "Pogonia";
    src: url("../assets/fonts/Pogonia-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pogonia";
    src: url("../assets/fonts/Pogonia-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pogonia";
    src: url("../assets/fonts/Pogonia-Semibold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pogonia";
    src: url("../assets/fonts/Pogonia-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HeyWow";
    src: url("../assets/fonts/HeyWowRegular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HeyWow";
    src: url("../assets/fonts/HeyWowMedium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HeyWow";
    src: url("../assets/fonts/HeyWowSemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HeyWow";
    src: url("../assets/fonts/HeyWowBold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Brand colors */
    --color-brand-green: #c9dd68;
    --color-brand-green-dark: #aabd4f;
    --color-brand-green-light: #f1f6d8;
    --color-brand-blue: #40bfed;
    --color-brand-blue-dark: #229bc7;
    --color-brand-blue-light: #e6f7fd;
    --color-brand-yellow: #ffde5a;
    --color-brand-yellow-dark: #e6c33d;
    --color-brand-yellow-light: #fff8d9;
    --color-brand-orange: #f59d46;
    --color-brand-orange-dark: #d77d29;
    --color-brand-orange-light: #fdf0e2;
    --color-brand-red: #f15a5a;
    --color-brand-red-dark: #d83f3f;
    --color-brand-red-light: #fde7e7;
    --color-brand-gray: #646362;
    --color-brand-gray-dark: #4d4c4b;
    --color-brand-gray-light: #e9e9e8;
    /* Interface colors */
    --color-primary: var(--color-brand-blue);
    --color-primary-dark: var(--color-brand-blue-dark);
    --color-primary-light: var(--color-brand-blue-light);
    --color-secondary: var(--color-brand-green);
    --color-secondary-dark: var(--color-brand-green-dark);
    --color-secondary-light: var(--color-brand-green-light);
    --color-accent: var(--color-brand-yellow);
    --color-accent-dark: var(--color-brand-yellow-dark);
    --color-accent-light: var(--color-brand-yellow-light);
    /* Semantic colors */
    --color-success: var(--color-brand-green);
    --color-success-dark: var(--color-brand-green-dark);
    --color-success-light: var(--color-brand-green-light);
    --color-warning: var(--color-brand-orange);
    --color-warning-dark: var(--color-brand-orange-dark);
    --color-warning-light: var(--color-brand-orange-light);
    --color-error: var(--color-brand-red);
    --color-error-dark: var(--color-brand-red-dark);
    --color-error-light: var(--color-brand-red-light);
    --color-info: var(--color-brand-blue);
    --color-info-dark: var(--color-brand-blue-dark);
    --color-info-light: var(--color-brand-blue-light);
    /* Neutral colors */
    --color-background: #ffffff;
    --color-background-rgb: rgb(255, 255, 255);
    --color-background-soft: #f7f8f6;
    --color-surface: #ffffff;
    --color-surface-alt: #f1f2f0;
    --color-text: #2f2e2d;
    --color-text-secondary: var(--color-brand-gray);
    --color-text-muted: #7a7978;
    --color-text-light: #a3a2a0;
    --color-border: #dededc;
    --color-border-light: #ededeb;
    --color-border-dark: #c9c9c7;
    --color-white: #ffffff;
    --color-black: #1f1f1e;
    /* Dark surfaces for specific sections */
    --color-dark: #2f2e2d;
    --color-dark-soft: #464544;
    /* Typography */
    --font-primary: "Pogonia", sans-serif;
    --font-secondary: "HeyWow", sans-serif;
    --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "Courier New", monospace;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.375rem;
    --font-size-2xl: 1.75rem;
    --font-size-3xl: 2.25rem;
    --font-size-4xl: 3rem;
    --font-size-5xl: 4rem;
    --font-size-6xl: 5rem;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --line-height-tight: 1.1;
    --line-height-snug: 1.25;
    --line-height-normal: 1.5;
    --line-height-relaxed: 1.7;
    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-7: 2rem;
    --space-8: 2.5rem;
    --space-9: 3rem;
    --space-10: 4rem;
    --space-11: 5rem;
    --space-12: 6rem;
    --space-13: 8rem;
    --space-14: 10rem;
    /* Layout */
    --container-width: 1280px;
    --container-width-wide: 1440px;
    --container-padding: 1.5rem;
    --grid-columns: 12;
    --grid-gap: 1.5rem;
    --section-padding-y: 6rem;
    --section-padding-y-large: 8rem;
    --header-height: 80px;
    /* Borders */
    --border-width: 1px;
    --border-style: solid;
    --border-color: var(--color-border);
    --border-radius-sm: 6px;
    --border-radius-md: 10px;
    --border-radius-lg: 16px;
    --border-radius-xl: 24px;
    --border-radius-pill: 999px;
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(47, 46, 45, 0.08);
    --shadow-md: 0 4px 12px rgba(47, 46, 45, 0.10);
    --shadow-lg: 0 12px 32px rgba(47, 46, 45, 0.12);
    --shadow-xl: 0 20px 48px rgba(47, 46, 45, 0.16);
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 500ms ease;
    --transition-transform: transform 250ms ease;
    --transition-opacity: opacity 250ms ease;
    --transition-colors: color 250ms ease, background-color 250ms ease, border-color 250ms ease;
    /* Z-index */
    --z-header: 100;
    --z-dropdown: 200;
    --z-overlay: 300;
    --z-modal: 400;
    --z-toast: 500;
    /* Components */
    --button-height-sm: 36px;
    --button-height-md: 44px;
    --button-height-lg: 52px;
    --button-padding-x: 1.5rem;
    --card-padding: 1.5rem;
    --card-padding-large: 2rem;
    --input-height: 48px;
    --input-padding-x: 1rem;
    /* Breakpoints */
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 1024px;
    --breakpoint-xl: 1280px;
    --breakpoint-2xl: 1440px;
}