/**
 * base.css - GenbaFlow 基本スタイル
 *
 * このファイルには、base.html で使用される共通スタイルが含まれています。
 * ブランドカラー、レイアウト、ボタンスタイルなどを定義します。
 */

/* =============================================================================
   レイアウト基本設定
   ============================================================================= */

html, body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    color: #212529;
    font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #000;
}

main {
    flex: 1 0 auto;
}

footer {
    flex-shrink: 0;
}

/* =============================================================================
   ナビゲーションバー
   ============================================================================= */

.navbar-brand {
    font-weight: 800;
    letter-spacing: 0.5px;
}

.navbar-logo {
    max-height: 32px;
    width: auto;
    margin-right: 0.75rem;
}

/* =============================================================================
   セキュリティ関連
   ============================================================================= */

.secure-badge {
    font-size: 0.7rem;
    padding: 0.2rem 0.4rem;
}

.session-timer {
    font-size: 0.8rem;
    color: #6c757d;
}

/* =============================================================================
   ブランドカラーパレット（CSS変数）
   ============================================================================= */

:root {
    /* Brand tokens */
    --gf-primary: #3A6F8F;        /* muted blue-gray */
    --gf-primary-600: #325E78;    /* hover */
    --gf-primary-700: #2A5268;    /* active */
    --gf-primary-100: #E6EFF4;    /* subtle background */
    --gf-primary-200: #C9D9E3;    /* subtle border */
    --gf-privileged: #c82333;     /* 特権テナント用（赤系） */

    /* Bootstrap core variables */
    --bs-primary: var(--gf-primary);
    --bs-primary-rgb: 58, 111, 143;
    --bs-link-color: #2F6A8C;
    --bs-link-color-rgb: 47, 106, 140;
    --bs-link-hover-color: #244F6A;
    --bs-link-hover-color-rgb: 36, 79, 106;
    --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);
}

/* =============================================================================
   ボタンスタイル（Bootstrap上書き）
   ============================================================================= */

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--gf-primary-600);
    --bs-btn-hover-bg: var(--gf-primary-600);
    --bs-btn-hover-border-color: var(--gf-primary-600);
    --bs-btn-active-bg: var(--gf-primary-700);
    --bs-btn-active-border-color: var(--gf-primary-700);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--gf-primary-100);
    --bs-btn-hover-border-color: var(--gf-primary-600);
    --bs-btn-active-bg: var(--gf-primary-200);
    --bs-btn-active-border-color: var(--gf-primary-700);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

/* =============================================================================
   特権テナント用スタイル
   ============================================================================= */

.bg-privileged {
    background-color: var(--gf-privileged) !important;
}