body {
    margin: 0;
    padding: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background:
        radial-gradient(circle at top left, rgba(241, 154, 75, 0.12), transparent 28%),
        linear-gradient(135deg, #eef3f7 0%, #f8fafc 48%, #e8f1f0 100%);
    color: var(--gray-700);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

* {
    box-sizing: border-box;
}

/* Layout */
.base-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.main-content {
    flex: 1;
}

/* Genel utilityler */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.font-bold { font-weight: var(--font-bold); }
.font-medium { font-weight: var(--font-medium); }
.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }
.rounded { border-radius: var(--radius-md); }
.rounded-lg { border-radius: var(--radius-lg); }

:root {
    /* Ana Renk Paleti - Profesyonel Tonlar */
    --primary-dark: #2c3e50;
    --primary-medium: #34495e;
    --primary-light: #4a5568;
    --secondary-dark: #2d3748;
    --secondary-light: #718096;
    
    /* Gri Tonları */
    --gray-50: #f7fafc;
    --gray-100: #edf2f7;
    --gray-200: #e2e8f0;
    --gray-300: #cbd5e0;
    --gray-400: #a0aec0;
    --gray-500: #718096;
    --gray-600: #4a5568;
    --gray-700: #2d3748;
    --gray-800: #1a202c;
    --gray-900: #171923;

    /* Navbar */
    --navbar-color: var(--gray-50);
    --navbar-marketing-lang: var(--gray-200);
    --navbar-hover-link: var(--gray-300);

    /* Form Area */
    --form-input-danger: #f56565;
    --form-submit-button: linear-gradient(135deg, var(--primary-light) 0%, var(--secondary-dark) 100%);
    --form-submit-button-hover: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-medium) 100%);
    --form-submit-button-disable: var(--gray-400);
    --form-input-bg: var(--gray-50);
    --form-input-border: var(--gray-300);
    --form-input-focus: var(--primary-light);

    /* Tablo Renkleri */
    --table-header-bg: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-medium) 100%);
    --table-hover: var(--gray-100);
    --table-border: var(--gray-200);
    
    /* Status Renkleri */
    --success-bg: #d4edda;
    --success-text: #155724;
    --success-border: #c3e6cb;
    --danger-bg: #f8d7da;
    --danger-text: #721c24;
    --danger-border: #f5c6cb;
    --warning-bg: #fff3cd;
    --warning-text: #856404;
    --info-bg: #d1ecf1;
    --info-text: #0c5460;

    /* Modal */
    --modal-overlay: rgba(45, 55, 72, 0.6);
    --modal-bg: white;
    --modal-header-bg: var(--table-header-bg);
    --modal-title-color: white;

    /* Text Size */
    --font-bold: 600;
    --font-normal: 400;
    --font-medium: 500;

    /* Modern Button Colors */
    --btn-primary: var(--form-submit-button);
    --btn-primary-hover: var(--form-submit-button-hover);
    --btn-secondary: var(--gray-200);
    --btn-secondary-hover: var(--gray-300);
    --btn-success: linear-gradient(135deg, #48bb78 0%, #38a169 100%);
    --btn-danger: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);
    --btn-warning: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);
    
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);
    
    /* Border Radius */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 12px;

    /* RateBeds UI */
    --rb-ink: #17212b;
    --rb-muted: #667085;
    --rb-line: #d8e0e8;
    --rb-accent: #187c72;
    --rb-accent-dark: #12645c;
    --rb-warm: #f19a4b;
    --rb-panel: #ffffff;

}