:root {
/* ===== GlamourPRO - Cream & Gold Tema ===== */
--gp-primary: #b08d57;
--gp-primary-dark: #8b6f3a;
--gp-primary-light: #c9a96e;
--gp-primary-rgb: 176, 141, 87;
--gp-secondary: #c4a59a;
--gp-secondary-rgb: 196, 165, 154;

/* Cream Tonları */
--gp-cream: #F4EDE4;
--gp-cream-light: #FAF7F2;
--gp-cream-warm: #EDE5D8;
--gp-gold-pale: #D4C4A0;
--gp-rose: #C4A59A;
--gp-rose-light: #DCC8BF;

/* Semantik Renkler */
--gp-success: #7A9A6D;
--gp-warning: #C9A96E;
--gp-danger: #B85C5C;
--gp-info: #7A8FA6;

/* Nötr Renkler */
--gp-dark: #111111;
--gp-body-bg: #f4ede4;
--gp-card-bg: #FAF7F2;
--gp-sidebar-bg: #1a1a1a;
--gp-border: #E2D9CC;

/* Metin Renkleri */
--gp-text-primary: #2D2D2D;
--gp-text-secondary: #555555;
--gp-text-muted: #888888;
--gp-text-light: #AAAAAA;

/* Tipografi */
--gp-font: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--gp-font-display: 'Playfair Display', Georgia, serif;
--gp-font-elegant: 'Cormorant Garamond', Georgia, serif;


/* Boyutlar */
--gp-sidebar-width: 260px;
--gp-sidebar-collapsed: 72px;
--gp-topbar-height: 64px;

/* Radius */
--gp-radius: 12px;
--gp-radius-sm: 8px;
--gp-radius-lg: 16px;
--gp-radius-xl: 20px;
--gp-radius-full: 50%;

/* Gölgeler - Sıcak tonlu */
--gp-shadow-sm: 0 1px 3px rgba(45, 35, 20, 0.04);
--gp-shadow: 0 4px 12px rgba(45, 35, 20, 0.06);
--gp-shadow-lg: 0 8px 24px rgba(45, 35, 20, 0.08);
--gp-shadow-xl: 0 12px 40px rgba(45, 35, 20, 0.1);
--gp-shadow-glow: 0 0 30px rgba(176, 141, 87, 0.15);

/* Geçiş */
--gp-transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ===== GLOBAL RESET ===== */
*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
font-size: 16px;
-webkit-text-size-adjust: 100%;
scroll-behavior: smooth;
-webkit-tap-highlight-color: transparent;
}

body {
font-family: var(--gp-font);
background: var(--gp-body-bg);
color: var(--gp-text-primary);
line-height: 1.6;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; }
button { cursor: pointer; font-family: var(--gp-font); }
input, select, textarea { font-family: var(--gp-font); }

/* ===== BUTONLAR ===== */
.gp-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 10px 20px;
border-radius: var(--gp-radius-sm);
font-size: 0.8125rem;
font-weight: 600;
border: 1.5px solid transparent;
cursor: pointer;
transition: var(--gp-transition);
white-space: nowrap;
font-family: var(--gp-font);
-webkit-tap-highlight-color: transparent;
line-height: 1.4;
}

.gp-btn i { font-size: 1.05rem; }

.gp-btn-primary {
background: linear-gradient(135deg, var(--gp-primary), var(--gp-primary-dark));
color: white;
box-shadow: 0 4px 14px rgba(var(--gp-primary-rgb), 0.3);
}
.gp-btn-primary:hover {
box-shadow: 0 6px 20px rgba(var(--gp-primary-rgb), 0.4);
transform: translateY(-1px);
}
.gp-btn-primary:active { transform: translateY(0); }

.gp-btn-secondary {
background: transparent;
color: var(--gp-text-secondary);
border-color: var(--gp-border);
}
.gp-btn-secondary:hover {
background: var(--gp-cream-warm);
border-color: var(--gp-gold-pale);
color: var(--gp-text-primary);
}

.gp-btn-success {
background: linear-gradient(135deg, var(--gp-success), #6B8B5E);
color: white;
}

.gp-btn-danger {
background: linear-gradient(135deg, var(--gp-danger), #A04848);
color: white;
}

.gp-btn-ghost {
background: rgba(var(--gp-primary-rgb), 0.08);
color: var(--gp-primary-dark);
border-color: transparent;
}
.gp-btn-ghost:hover {
background: rgba(var(--gp-primary-rgb), 0.14);
}

.gp-btn-sm { padding: 6px 14px; font-size: 0.75rem; }
.gp-btn-lg { padding: 14px 28px; font-size: 0.9rem; }
.gp-btn-block { width: 100%; }
.gp-btn:disabled { opacity: 0.5; pointer-events: none; }

/* ===== TOAST ===== */
#gp-toast-container {
position: fixed;
top: 20px;
right: 20px;
z-index: 99999;
display: flex;
flex-direction: column;
gap: 8px;
pointer-events: none;
}

.gp-toast {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 16px;
border-radius: var(--gp-radius);
background: var(--gp-card-bg);
box-shadow: var(--gp-shadow-xl);
border-left: 4px solid var(--gp-info);
font-size: 0.8125rem;
color: var(--gp-text-primary);
transform: translateX(120%);
transition: transform 0.3s ease;
pointer-events: auto;
max-width: 380px;
backdrop-filter: blur(12px);
}

.gp-toast-show { transform: translateX(0); }
.gp-toast-hide { transform: translateX(120%); }

.gp-toast-success { border-color: var(--gp-success); }
.gp-toast-error { border-color: var(--gp-danger); }
.gp-toast-warning { border-color: var(--gp-warning); }

.gp-toast-icon { font-size: 1.2rem; flex-shrink: 0; }
.gp-toast-success .gp-toast-icon { color: var(--gp-success); }
.gp-toast-error .gp-toast-icon { color: var(--gp-danger); }
.gp-toast-warning .gp-toast-icon { color: var(--gp-warning); }
.gp-toast-info .gp-toast-icon { color: var(--gp-info); }

.gp-toast-text { flex: 1; font-weight: 500; }

.gp-toast-close {
border: none;
background: none;
color: var(--gp-text-muted);
cursor: pointer;
padding: 2px;
font-size: 0.9rem;
flex-shrink: 0;
}

/* ===== LOADER ===== */
#gp-global-loader {
display: none;
position: fixed;
inset: 0;
z-index: 99998;
}

#gp-global-loader.active { display: flex; }

.gp-loader-backdrop {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(4px);
display: flex;
align-items: center;
justify-content: center;
}

.gp-loader-spinner {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}

.gp-loader-spinner span {
color: white;
font-size: 0.85rem;
font-weight: 500;
}

.gp-spinner-ring {
width: 40px;
height: 40px;
border: 3px solid rgba(255, 255, 255, 0.2);
border-top-color: var(--gp-primary-light);
border-radius: 50%;
animation: gpSpin 0.7s linear infinite;
}

@keyframes gpSpin {
to { transform: rotate(360deg); }
}

/* ===== MOBİL UYUMLU TOAST ===== */
@media (max-width: 768px) {
#gp-toast-container {
top: auto;
bottom: 80px;
right: 12px;
left: 12px;
}

.gp-toast {
max-width: 100%;
}
}