:root {
            --primary: #92400E;       /* Desert Brown */
            --primary-dark: #431407;
            --secondary: #D97706;     /* Sand Orange */
            --secondary-light: #fbbf24;
            --accent: #065F46;        /* Palm Green */
            --accent-dark: #064e3a;
            --bg-color: #FFFBEB;      /* Cream Background */
            --text-main: #1C1917;     /* Dark Stone Text */
            --text-light: #78350f;    /* Earth Brown Text */
            --white: #ffffff;
            
            --shadow-sm: 0 4px 6px -1px rgba(146, 64, 14, 0.1);
            --shadow-lg: 0 20px 25px -5px rgba(146, 64, 14, 0.15);
            --shadow-card: 0 10px 15px -3px rgba(146, 64, 14, 0.08);
            --radius: 20px;
              --hero-bg: linear-gradient(135deg, #fffbeb 0%, #fef3c7 50%, #fffbeb 100%);
    --hero-shape-1: rgba(217, 119, 6, 0.4);
    --hero-shape-2: rgba(16, 185, 129, 0.2);
    --hero-shape-3: rgba(146, 64, 14, 0.15);
        }
header {
  background: rgba(255, 251, 235, 0.95);
        }

  .btn-primary { 
            background: var(--secondary); /* زر رئيسي برتقالي */
            color: var(--white); 
            border: none; 
            box-shadow: 0 4px 14px rgba(217, 119, 6, 0.3);
        }

        .subdomain-input-group {
            display: flex; align-items: center; background: var(--bg-body);
            border: 2px dashed #fde68a; /* أصفر باهت */
        }