@charset "utf-8";
/**
 * 해운대구 미디어센터 — 색
 *
 * 사이트에서 쓰는 색을 여기 한 곳에 모았다. 색을 바꾸려면 여기만 고치면 된다.
 * 다른 CSS 는 var(--gray-20) 처럼 이름으로 부른다.
 *
 * 회색은 밝기다. --gray-100 이 흰색, --gray-0 이 검정.
 * 유채색은 색 이름과 밝기다. --blue-61 은 밝기 61 의 파랑.
 *
 * docs-hudmedia/도구/css_tokens.php 가 만들었다. 처음 한 번 만든 뒤로는 손으로 고쳐도 된다.
 */

:root {
    /* 회색 — 밝은 것부터 */
    --gray-100:      #ffffff;
    --gray-96:       #f6f6f6;
    --gray-93:       #ececec;
    --gray-89:       #e3e3e3;
    --gray-87:       #dddddd;
    --gray-83:       #d4d4d4;
    --gray-80:       #cccccc;
    --gray-73:       #bbbbbb;
    --gray-70:       #b2b2b2;
    --gray-67:       #aaaaaa;
    --gray-60:       #999999;
    --gray-53:       #888888;
    --gray-49:       #7d7d7d;
    --gray-47:       #777777;
    --gray-40:       #666666;
    --gray-33:       #555555;
    --gray-27:       #444444;
    --gray-20:       #333333;
    --gray-18:       #2d2d2d;
    --gray-13:       #222222;
    --gray-3:        #080808;
    --gray-0:        #000000;

    /* 색 */
    --blue-30:       #434a54;
    --blue-34:       #2c5480;
    --blue-37:       #4e546f;
    --blue-42:       #285faf;
    --blue-44:       #3a6ea5;
    --blue-45:       #6b757c;
    --blue-46:       #2187ca;
    --blue-52:       #1471f6;
    --blue-53:       #3497d9;
    --blue-55:       #2172f8;
    --blue-55b:      #888d92;
    --blue-61:       #3a8afd;
    --blue-75:       #b8bfc4;
    --blue-79:       #99c2fc;
    --blue-81:       #9ed4ff;
    --blue-84:       #d2d6dc;
    --blue-85:       #bed4f4;
    --blue-90:       #d6e2f4;
    --blue-96:       #edf3fc;
    --green-84:      #cfded8;
    --orange-50:     #ff5a00;
    --orange-53:     #ff730f;
    --purple-65:     #bb51fd;
    --purple-95:     #eeeaf8;
    --red-48:        #e8180c;
    --red-50:        #ff0000;
    --red-59:        #ff3061;
    --red-66:        #ed6478;
    --red-86:        #ffb9b9;
    --teal-42:       #676e70;
    --teal-80:       #c1d1d5;
    --teal-85:       #cbe3e8;
    --teal-89:       #dde7e9;
    --teal-92:       #e5ecef;
}