/* ========================================
   OneGo Post - Common Styles
   ======================================== */

/* CSS Variables */
:root {
    /* Colors */
    --color-primary: #00695c;
    --color-primary-dark: #004d40;
    --color-primary-light: #00796b;
    --color-accent: #c9a227;
    --color-accent-light: #d4ab2a;
    --color-accent-dark: #b8941f;
    
    /* Text Colors */
    --color-text: #333;
    --color-text-light: #666;
    --color-text-lighter: #999;
    --color-white: #fff;
    --color-white-90: rgba(255, 255, 255, 0.9);
    --color-white-15: rgba(255, 255, 255, 0.15);
    
    /* Background */
    --color-bg: #f5f5f5;
    --color-bg-card: #fff;
    --color-error-bg: #fee;
    --color-error: #c33;
    --color-border: #ddd;
    --color-border-light: #f0f0f0;
    
    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 4px 16px rgba(201, 162, 39, 0.5);
    
    /* Spacing */
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 20px;
    --spacing-lg: 30px;
    --spacing-xl: 60px;
    
    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 10px;
    --radius-xl: 20px;
    
    /* Transitions */
    --transition: all 0.3s ease;
}

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

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: var(--color-bg);
    min-height: 100vh;
    color: var(--color-text);
    line-height: 1.6;
}