/*
Theme Name: BiletTech Processing
Description: B2B Fintech & Ticketing Technology Theme
Author: UX/UI Architect
Version: 1.1.0
*/

:root {
    /* Colors */
    --bg-main: #F5F8FA;
    --bg-card: #FFFFFF;
    --text-main: #243B53;
    --text-muted: #6B7C93;
    --color-primary: #102A43;
    --color-accent: #3478F6;
    --color-secondary: #18B6A4;
    --color-warning: #F5A623;
    --border-color: #E5EDF3;

    /* Typography */
    --font-heading: 'Manrope', sans-serif;
    --font-body: 'Inter', sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    background-color: var(--bg-main);
    color: var(--text-main);
    font-family: var(--font-body);
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Sticky Footer Logic */
}

h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); color: var(--color-primary); }
a { color: var(--color-accent); text-decoration: none; transition: 0.3s; }
a:hover { color: var(--color-secondary); }

/* Layout */
.site-header { background: #fff; padding: 20px 0; border-bottom: 1px solid var(--border-color); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.site-main { flex: 1; padding: 60px 0; }
.site-footer { background: var(--color-primary); color: #fff; padding: 60px 0; margin-top: auto; }

/* Cards */
.card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 24px;
    transition: box-shadow 0.3s ease;
}
.card:hover { box-shadow: 0 8px 24px rgba(16, 42, 67, 0.08); }
.card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }

/* Components */
.btn {
    background: var(--color-accent);
    color: #fff;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    display: inline-block;
}
.btn:hover { background: var(--color-secondary); color: #fff; }