@charset "UTF-8";

/**
 * HDPS(Hello Digital Platform Studio) 웹 브랜드 메인 컬러 (5종) + 파생 그라데이션
 * 상세 가이드: /docs/color-palette.md
 * 요약: /readme.txt
 */
:root {
    /* 탑바·동일 톤 섹션 배경 (실버) */
    --header-bg-silver: rgb(223, 227, 235);
    --header-border-silver: rgb(199, 205, 212);

    /* 함께 이용해 보세요·푸터 등 밝은 회색 섹션 */
    --section-light-bg: #f8f9fa;

    /* === 메인 5색 (비즈니스 네이비·블루 + 골드 계열) === */
    --color-brand-navy: #0f2744;
    --color-brand-blue: #3175bc;
    --color-brand-blue-bright: #5890c9;
    --color-brand-gold: #917f43;
    --color-brand-gold-light: #a69664;

    /* === 파생 (CTA·히어로·배너 공통) — 짙은 푸른 쪽 = #2D7BC7 (--color-brand-blue-bright) === */
    --gradient-brand: linear-gradient(
        135deg,
        var(--color-brand-blue-bright) 0%,
        var(--color-brand-blue) 52%,
        var(--color-brand-gold) 100%
    );
    --gradient-brand-horizontal: linear-gradient(
        90deg,
        var(--color-brand-blue-bright) 0%,
        var(--color-brand-gold) 100%
    );
    --gradient-brand-soft: linear-gradient(
        135deg,
        var(--color-brand-blue-bright) 0%,
        var(--color-brand-blue) 100%
    );

    /* 메인 히어로 배너 슬라이드 1: #3175bc → #7faad6 */
    --gradient-banner-blue-light: linear-gradient(
        135deg,
        #3175bc 0%,
        #7faad6 100%
    );
    /* 메인 히어로 배너 슬라이드 2: #7d6822 → #a69664 */
    --gradient-banner-gold-deep: linear-gradient(
        135deg,
        #7d6822 0%,
        #a69664 100%
    );

    /* 원스톱 카드 아이콘 — 배너1 블루·중간 퍼플·배너2 골드 (회색 혼합, 이전보다 진한 톤) */
    --character-icon-bg-blue: #b4c2d4;
    --character-icon-bg-blend: #b0a8bc;
    --character-icon-bg-gold: #c4b89e;
}