/* ========================================
   RENTSTARZ CENTRALIZED STYLE VARIABLES
   ========================================

   IMPORTANT: This file contains all main brand colors and styling variables.
   To change the main color scheme, update the variables below.

   Usage in CSS:
   - Use var(--rentstarz-primary) instead of hardcoded colors
   - Example: color: var(--rentstarz-primary);
   - Example: background: var(--rentstarz-gradient);

   To change main color:
   - Update --rentstarz-primary: #2c3e50; to your desired color
   - All related colors will automatically adjust

   ======================================== */

:root {
    /* Primary Brand Colors */
    --rentstarz-primary: #2c3e50;
    --rentstarz-primary-light: #34495e;
    --rentstarz-primary-dark: #1a252f;

    /* Accent Colors */
    --rentstarz-accent: #2c3e50;
    --rentstarz-accent-hover: #34495e;

    /* Text Colors */
    --rentstarz-text-primary: #2c3e50;
    --rentstarz-text-secondary: #67748e;
    --rentstarz-text-muted: #6c757d;

    /* Background Colors */
    --rentstarz-bg-primary: #ffffff;
    --rentstarz-bg-secondary: #f8f9fa;
    --rentstarz-bg-tertiary: #e9ecef;

    /* Border Colors */
    --rentstarz-border: #e9ecef;
    --rentstarz-border-hover: #2c3e50;

    /* Gradient */
    --rentstarz-gradient: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
    --rentstarz-gradient-hover: linear-gradient(135deg, #34495e 0%, #1a252f 100%);
    --rentstarz-gradient-light: linear-gradient(135deg, rgba(44, 62, 80, 0.1) 0%, rgba(52, 73, 94, 0.1) 100%);

    /* Shadows */
    --rentstarz-shadow-sm: 0 2px 8px rgba(0,0,0,0.08);
    --rentstarz-shadow-md: 0 4px 16px rgba(0,0,0,0.1);
    --rentstarz-shadow-lg: 0 8px 24px rgba(0,0,0,0.15);
    --rentstarz-shadow-primary: 0 4px 15px rgba(44, 62, 80, 0.3);

    /* Border Radius */
    --rentstarz-radius-sm: 6px;
    --rentstarz-radius-md: 8px;
    --rentstarz-radius-lg: 12px;
    --rentstarz-radius-xl: 15px;

    /* Transitions */
    --rentstarz-transition: all 0.3s ease;
    --rentstarz-transition-fast: all 0.2s ease;
    --rentstarz-transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}