:root {
    --theme-primary: #0a5fbf;
    --theme-primary-dark: #073b78;
    --theme-primary-deep: #06264b;
    --theme-primary-soft: #eaf4ff;
    --theme-text: #17202b;
    --theme-text-muted: #465365;
    --theme-text-soft: #778395;
    --theme-border: #d9e0e8;
    --theme-surface: #f4f7fa;
    --theme-background: #ffffff;
    --theme-white: #ffffff;
    --theme-radius: 18px;
    --theme-button-radius: 9px;
    --theme-shadow: 0 18px 50px rgba(16, 52, 89, .10);
    --theme-font-family: Inter, "Segoe UI", Arial, sans-serif;
    --theme-header-background: rgba(255, 255, 255, .96);
    --theme-hero-background: linear-gradient(135deg, #f8fbff 0%, #ffffff 52%, #edf5fd 100%);
    --theme-deep-background: #06264b;
    --theme-cta-background: linear-gradient(130deg, #073b78, #0a5fbf);
    --theme-page-hero-background: linear-gradient(130deg, #06264b, #0b579f);
    --theme-footer-background: #061d38;

    --artel-blue: var(--theme-primary);
    --artel-blue-dark: var(--theme-primary-dark);
    --artel-blue-deep: var(--theme-primary-deep);
    --artel-blue-light: var(--theme-primary-soft);
    --artel-gray-900: var(--theme-text);
    --artel-gray-700: var(--theme-text-muted);
    --artel-gray-500: var(--theme-text-soft);
    --artel-gray-300: var(--theme-border);
    --artel-gray-100: var(--theme-surface);
    --artel-white: var(--theme-white);
    --artel-radius: var(--theme-radius);
    --artel-shadow: var(--theme-shadow);
}

* { box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }
body { margin: 0; color: var(--theme-text); background: var(--theme-background); font-family: var(--theme-font-family); line-height: 1.65; }
a { color: var(--theme-primary); text-decoration: none; }
a:hover { color: var(--theme-primary-dark); }
img { max-width: 100%; }

.theme-preview-bar { position:relative; z-index:1100; padding:.65rem 0; background:#fff3cd; border-bottom:1px solid #e5cc7a; color:#5c490d; font-size:.88rem; }
.theme-preview-bar form { margin:0; }