@charset "UTF-8";

/*----------------------

・目次・

# カラー設定

----------------------*/


/* カラー設定
------------------------------------------------------------------*/
:root {
	--primary: #216d68;
	--primary-light: #5fb5b0;
	--primary-dark: #387874;
	--secondary: #DB6027;
	--secondary-light: #f0762e;
	--secondary-dark: #c4501e;
	--accent: #dce03f;
	--accent-light: #f7fa46;
	--accent-dark: #A4A62E;

	--btn-c1: #384EA6;
	--btn-c1-h: #4560CC;
	--btn-c2: #C7511E;
	--btn-c2-h: #E05B22;

	--bg-light: #FAFAFA;
	--bg: #EDF5ED;
	--bg-dark: #D5DBD5;

	--text-primary: #222222;
	--text-secondary: #444444;
	--text-tertiary: #666666;
	--text-light: #ffffff;

    --shadow-sm: 0 .2rem .8rem rgba(0,0,0,.08);
    --shadow-md: 0 .4rem 1.2rem rgba(0,0,0,.12);
    --shadow-lg: 0 .6rem 2.0rem rgba(0,0,0,.16);
    --focus-ring: #6bcac3;

    --subtitle-accent-fallback: #B9DE4B; /* いい感じの黄緑（近似） */
    --subtitle-accent-oklab: color-mix(in oklab, var(--accent, #DCE03F) 58%, var(--primary, #4FA09B));

    --breadcrumb-color: #113399;

	--tag-color: #276c46;
}