/* Second Ring — Blue/Teal Theme */

[data-brand="sr"] {
    --color-primary: #0ea5e9;
    --color-primary-rgb: 14, 165, 233;
    --color-primary-dark: #0284c7;
    --color-primary-light: #38bdf8;
    --color-accent: #10b981;
    --color-accent-rgb: 16, 185, 129;

    --color-bg: #f8fafc;
    --color-bg-elevated: #ffffff;
    --color-bg-card: #ffffff;
    --color-bg-card-hover: #f0f9ff;
    --color-bg-subtle: #e0f2fe;

    --color-text: #0c1829;
    --color-text-secondary: #475569;
    --color-text-tertiary: #94a3b8;
    --color-text-inverse: #ffffff;

    --color-border: rgba(12, 24, 41, 0.08);
    --color-border-hover: rgba(12, 24, 41, 0.15);

    --gradient-hero: linear-gradient(135deg, #0c4a6e 0%, #0369a1 40%, #0c1829 100%);
    --gradient-accent: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
    --gradient-text: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);
    --gradient-card: linear-gradient(145deg, rgba(14,165,233,0.03) 0%, rgba(16,185,129,0.03) 100%);
    --gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(14,165,233,0.12) 0%, transparent 60%);

    --pattern-dots: radial-gradient(circle, rgba(12,24,41,0.04) 1px, transparent 1px);
    --pattern-size: 24px 24px;

    color-scheme: light;
}

/* Hero text on gradient */
[data-brand="sr"] .hero--gradient { color: #fff; }
[data-brand="sr"] .hero--gradient .hero__subtitle { color: rgba(255,255,255,0.85); }
[data-brand="sr"] .hero--gradient .hero__eyebrow {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.3);
    color: #ffffff;
}

/* Header on gradient hero */
[data-brand="sr"] .site-header { color: #ffffff; }
[data-brand="sr"] .site-header .nav-link { color: rgba(255, 255, 255, 0.85); }
[data-brand="sr"] .site-header .nav-link:hover { color: #ffffff; background: rgba(255, 255, 255, 0.15); }
[data-brand="sr"] .site-header .logo { color: #ffffff; }
[data-brand="sr"] .site-header.scrolled { background: rgba(255, 255, 255, 0.95); }
[data-brand="sr"] .site-header.scrolled .nav-link { color: var(--color-text-secondary); }
[data-brand="sr"] .site-header.scrolled .nav-link:hover { color: var(--color-text); background: var(--color-border); }
[data-brand="sr"] .site-header.scrolled .logo { color: var(--color-text); }