/* ============================================================
 * Design Tokens — app.css @theme からの抽出
 * ============================================================ */
:root {
    /* Fonts */
    --font-sans: 'Noto Sans JP', ui-sans-serif, system-ui, sans-serif;
    --font-roboto: 'Roboto', sans-serif;
    --font-roboto-condensed: 'Roboto Condensed', sans-serif;

    /* White / Black */
    --color-white: #FFFFFF;
    --color-black: #000000;

    /* Monotone */
    --color-mono-10: #F2F2F2;
    --color-mono-20: #DDDDDD;
    --color-mono-30: #D0D0D0;
    --color-mono-40: #B4B4B4;
    --color-mono-50: #8C8C8C;
    --color-mono-60: #767676;
    --color-mono-70: #5D5D5D;
    --color-mono-80: #3D3D3D;
    --color-mono-90: #222222;

    /* Brand Colors */
    --color-main: #07941D;
    --color-base: #F5FAF6;
    --color-base-2: #EBF6ED;
    --color-base-3: #D6EADA;
    --color-deep: #0F561A;
    --color-line: #ECF0EC;
    --color-line-2: #D1E0D4;

    /* Secondary */
    --color-secondary-10: #DEECF0;
    --color-secondary-20: #CAE1E8;
    --color-secondary-30: #035066;

    /* Link */
    --color-link: #2568CC;

    /* Accent */
    --color-accent-red: #DE1111;
    --color-accent-red-2: #B80606;
    --color-accent-orange: #FF7F00;
    --color-accent-yellow: #FFF6C0;
    --color-accent-brown: #893900;

    /* Button */
    --color-btn-hover: #00486C;
    --color-btn-blue-from: #006FA7;
    --color-btn-blue-to: #009196;
    --color-btn-green-from: #008982;
    --color-btn-green-to: #00A143;
    --color-btn-orange-from: #D96704;
    --color-btn-orange-to: #E2AE04;

    /* Font base */
    --color-font-base: #111111;

    /* Shadows */
    --shadow-box-1: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    --shadow-box-2: 0px 10px 20px 0px rgba(33, 66, 39, 0.05);
    --shadow-btn-1: 0px 10px 20px -10px rgba(15, 59, 86, 0.5);
    --shadow-btn-2: 0px 5px 26px -10px rgba(15, 59, 86, 0.2);
    --shadow-box-3: 0px 30px 50px -20px rgba(56, 163, 77, 0.1);
    --shadow-header: 0px 0px 30px 0px rgba(41, 86, 50, 0.1);
}