/* static/css/color.css */
/* サイト共通のデザイン変数定義 */

:root {
    /* Brand Colors */
    --ogai-teal: #14b8a6;
    --ogai-accent-secondary: #008a79;
    --ogai-dark-green: #0f766e;
    --ogai-gradient: linear-gradient(135deg, #14b8a6 0%, #0f766e 100%);

    /* Text Colors */
    --text-primary: #111827;
    --text-secondary: #4b5563;
    --text-muted: #9ca3af;

    /* Backgrounds */
    --bg-body: #ffffff;
    --bg-card: #ffffff;
    --bg-modal: #ffffff;
    --bg-light-gray: #f3f4f6;

    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 10px 15px -3px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
    --shadow-hover: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}

/* 共通ユーティリティクラス */
.text-teal {
    color: var(--ogai-teal) !important;
}

.bg-teal-gradient {
    background: var(--ogai-gradient) !important;
}