/* Infinite Leverage — Amber/Warm Theme */

[data-brand="il"] {
    --color-primary: #d97706;
    --color-primary-rgb: 217, 119, 6;
    --color-primary-dark: #b45309;
    --color-primary-light: #f59e0b;
    --color-accent: #92400e;
    --color-accent-rgb: 146, 64, 14;

    --color-bg: #fffbf5;
    --color-bg-elevated: #ffffff;
    --color-bg-card: #ffffff;
    --color-bg-card-hover: #fef3c7;
    --color-bg-subtle: #fef3c7;

    --color-text: #1c1306;
    --color-text-secondary: #78350f;
    --color-text-tertiary: #b45309;
    --color-text-inverse: #ffffff;

    --color-border: rgba(28, 19, 6, 0.08);
    --color-border-hover: rgba(28, 19, 6, 0.15);

    --gradient-hero: linear-gradient(135deg, #78350f 0%, #92400e 40%, #1c1306 100%);
    --gradient-accent: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);
    /* Gradient text endpoints both lifted into the bright-amber range so they
       have luminance contrast against the dark amber hero background.
       The previous palette ended at #92400e, which is identical to the middle
       stop of --gradient-hero — text literally faded into the background. */
    --gradient-text: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);
    --gradient-card: linear-gradient(145deg, rgba(217,119,6,0.03) 0%, rgba(146,64,14,0.03) 100%);
    --gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(217,119,6,0.12) 0%, transparent 60%);

    --pattern-dots: radial-gradient(circle, rgba(28,19,6,0.04) 1px, transparent 1px);
    --pattern-size: 24px 24px;

    color-scheme: light;
}

/* Hero text on gradient */
[data-brand="il"] .hero--gradient { color: #fff; }
[data-brand="il"] .hero--gradient .hero__subtitle { color: rgba(255,255,255,0.85); }
[data-brand="il"] .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="il"] .site-header { color: #ffffff; }
[data-brand="il"] .site-header .nav-link { color: rgba(255, 255, 255, 0.85); }
[data-brand="il"] .site-header .nav-link:hover { color: #ffffff; background: rgba(255, 255, 255, 0.15); }
[data-brand="il"] .site-header .logo { color: #ffffff; }
[data-brand="il"] .site-header.scrolled { background: rgba(255, 255, 255, 0.95); }
[data-brand="il"] .site-header.scrolled .nav-link { color: var(--color-text-secondary); }
[data-brand="il"] .site-header.scrolled .nav-link:hover { color: var(--color-text); background: var(--color-border); }
[data-brand="il"] .site-header.scrolled .logo { color: var(--color-text); }

/* Author photo on /author — once Dave's headshot is committed and the
   <picture class="founder-card__avatar"> wrapper goes live, the shared
   .founder-card__avatar rule still contributes centering and bottom margin,
   but its gradient background and neutral shadow would conflict with the
   IL amber border + warm shadow on the inner <img>. Strip those wrapper
   styles so the photo treatment below carries the brand. */
[data-brand="il"] picture.founder-card__avatar {
    background: none;
    box-shadow: none;
}

[data-brand="il"] .founder-card__photo {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-full);
    object-fit: cover;
    object-position: center top;
    display: block;
    border: 3px solid var(--color-accent);
    box-shadow: 0 4px 16px rgba(217, 119, 6, 0.2);
}