/* Manubolu 3.0 — Corporate Design System (Schaeffler-inspired) */

:root {
    /* Brand Colors — Clean, Professional */
    --primary-green: #15803d;
    --primary-dark: #0f172a;
    --accent-amber: #b45309;
    --accent-cream: #fafafa;

    /* Legacy Mapping */
    --primary-purple: var(--primary-dark);
    --accent-yellow: var(--accent-amber);
    --accent-red: #be123c;

    /* Surface Colors — No glassmorphism */
    --surface-white: #ffffff;
    --surface-light: #f5f5f5;
    --surface-border: #e5e5e5;
    --surface-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --surface-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.08);

    /* Legacy glass variables (mapped to solid) */
    --glass-bg-light: #ffffff;
    --glass-bg-lighter: #fafafa;
    --glass-border: #e5e5e5;
    --glass-shadow: var(--surface-shadow);

    /* Text */
    --text-dark: #111827;
    --text-muted: #4b5563;
    --text-light: #ffffff;

    /* Spacing & Layout */
    --radius-ios: 12px;
    --radius-sm: 8px;
    --section-gap: 96px;
    --container-width: 1280px;

    /* Fonts — Noto Sans (Schaeffler-style sans-serif) */
    --font-size-base: 16px;
    --font-main: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

/* Reset & Base */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-main);
    background-color: #ffffff;
    color: var(--text-dark);
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}