@charset "UTF-8";

/**
 * @fileoverview Manager 2017 テーマ: ブルー
 * @package aulta
 * @author takashi shinohara
 * @copyright Copyright (c) 2017, takashi shinohara
 * @link https://aulta.co.jp/
 * @license https://aulta.co.jp/licensed
 * @version 7.2.147.4 (2017-06-03 : 2021-07-07)
 * @access public
 */

/***********************************************************************
    カラーテーマ変数

    「ブルー」テーマ
    カスタマイズする場合は、このブロックを customize.css にコピーして値を変更してください
***********************************************************************/

:root {

    /* --------------------------------------------
        プライマリカラー（テーマの主色）
    -------------------------------------------- */

    /* メインカラー */
    --aulta-manager-color-primary: #3a6aad;

    /* ホバー時・アクティブ時 */
    --aulta-manager-color-primary-hover: #5492f4;

    /* 薄い背景（タブ1段目選択時など） */
    --aulta-manager-color-primary-light: #E6EEFF;

    /* やや濃い背景（タブ2段目選択時など） */
    --aulta-manager-color-primary-light-2: #CFD2E6;

    /* --------------------------------------------
        タブ・ナビゲーション
    -------------------------------------------- */

    /* タブ非選択時の背景 */
    --aulta-manager-color-tab-bg: #c5c5c5;

    /* タブホバー時の背景 */
    --aulta-manager-color-tab-bg-hover: #5492f4;

    /* タブ選択時のテキスト（黄色） */
    --aulta-manager-color-tab-active-text: #FFFF66;

    /* タブのボーダー */
    --aulta-manager-color-tab-border: #999;

    /* --------------------------------------------
        テキスト
    -------------------------------------------- */

    /* 標準テキスト */
    --aulta-manager-color-text: #555;

    /* 薄めのテキスト */
    --aulta-manager-color-text-muted: #777;

    /* 白テキスト（濃い背景用） */
    --aulta-manager-color-text-white: #fff;

    /* --------------------------------------------
        ボーダー・背景（グレー系）
    -------------------------------------------- */

    /* 標準ボーダー */
    --aulta-manager-color-border: #ccc;

    /* 濃いめボーダー */
    --aulta-manager-color-border-dark: #999;

    /* 薄い背景 */
    --aulta-manager-color-bg-light: #f5f5f5;

    /* より薄い背景 */
    --aulta-manager-color-bg-lighter: #eee;

    /* --------------------------------------------
        リンク
    -------------------------------------------- */

    /* リンク色 */
    --aulta-manager-color-link: #3a6aad;

    /* リンクホバー色 */
    --aulta-manager-color-link-hover: #5492f4;

    /* --------------------------------------------
        追加カラー
    -------------------------------------------- */

    /* 濃いテキスト */
    --aulta-manager-color-text-dark: #333;

    /* 黒テキスト */
    --aulta-manager-color-text-black: #000;

    /* 薄いボーダー */
    --aulta-manager-color-border-light: #aaa;

    /* サイドブロックボーダー */
    --aulta-manager-color-side-block-border: #d8dfea;

}