/* ======================================================
   Kosen Talk Ring Design System v1.0
====================================================== */

:root{

/* Brand Color */

--primary:#E88D5F;
--primary-light:#F6B18B;
--primary-dark:#CF6D36;

--background:#FEF8F3;
--surface:#FFFFFF;

--text:#2D2D2D;
--text-light:#666666;

--border:#ECECEC;

--success:#30C48D;
--warning:#F5A623;
--danger:#EB5757;

/* Radius */

--radius-xs:8px;
--radius-sm:12px;
--radius-md:18px;
--radius-lg:24px;
--radius-xl:32px;

/* Shadow */

--shadow-sm:
0 2px 8px rgba(0,0,0,.05);

--shadow-md:
0 6px 20px rgba(0,0,0,.08);

--shadow-lg:
0 12px 32px rgba(0,0,0,.12);

/* Width */

--container:1280px;

/* Font */

--font:
"Yu Gothic UI",
"Yu Gothic",
"Hiragino Sans",
sans-serif;

}