/*
 * Copyright © 2024 JVCKENWOOD Corporation. All rights reserved.
 */

:root
{
    /* テーマ色定義 */
    --ma-base-color: rgba(233,85,132);
    --ma-base-color-transparent: rgba(233,85,132,0.5);

    /* リピート色定義 */
    --ma-repeat-valid-color: rgba(255,255,0,0.5);
    --ma-repeat-invalid-color: rgba(150,150,0,0.5);

    /* 演奏色定義 */
    --ma-play-stop-color: rgba(0,255,160,0.5);
    --ma-play-ready-color: rgba(255,255,0,0.5);
    --ma-playing-color: rgba(255,0,0,0.5);
    --ma-no-data-color: rgba(200,200,220,0.3);

    /* WEBページ、背景色定義 */
    --ma-bg-color: rgba(44,45,46);
    /* WEBページ、前景色定義 */
    --ma-fg-color: white;
    /* 半透過背景色定義 */
    --ma-bg-color-transparent: rgba(0,0,0,0.3);
    /* 影色定義 */
    --ma-shadow-color: rgba(0,0,0);

    /* サムネイル表示、境界色定義 */
    --ma-thumb-border-color: rgba(0,0,0,0.6);

    /* ダイアログ表示、背景色定義 */
    --ma-dialog-bg-color:rgba(61,63,63);
    /* モーダル通知、背景色定義 */
    --ma-modal-bg-color:rgba(0,0,0,0.7);

    /* プログレスバー、ロード完了色定義 */
    --ma-progress-loaded-color: rgba(255,255,255,0.3);

    /* スクロールバー、背景色定義 */
    --ma-scroll-bg-color: rgba(128,128,128,0.5);
    /* スクロールバー、前景色定義 */
    --ma-scroll-fg-color: rgba(128,128,128,0.75);

    /* QRコード、背景色定義 */
    --ma-qrcode-bg-color: white;

    /* コメント投稿、背景色定義 */
    --ma-comment-post-bg-color: rgba(255,255,255,0.75);
    /* コメント、文字色定義 */
    --ma-comment-text-color: rgba(0, 0, 0);
    /* コメント吹き出し、背景色定義 */
    --ma-comment-bg-color: rgba(237,241,238);
    /* コメント吹き出し（自身）、背景色定義 */
    --ma-comment-own-bg-color: rgba(186,186,186);
    /* コメント、名前色定義 */
    --ma-comment-name-color: rgba(80,80,80);
    /* コメント、日時色定義 */
    --ma-comment-date-color: rgba(186,186,186);
}