/*
 * Ennoshita Design Tokens
 * ロゴから導いたブランドカラー: ネイビー(信頼) × オレンジ(行動喚起)
 */

:root {
	/* ---- Color ---- */
	--brand-navy:     #2A3756;
	--brand-navy-dk:  #1F2940;
	--primary:        #FF8A1F;
	--primary-dk:     #E56F00;
	--primary-lt:     #FFB26B;
	--accent-yellow:  #FFD257;
	--line-green:     #06C755;

	--bg:             #FFFFFF;
	--bg-muted:       #FFF9F2;
	--bg-navy-soft:   #F3F5FA;
	--bg-gray:        #F8F9FB;

	--text:           #1F2937;
	--text-muted:     #6B7280;
	--text-on-navy:   #FFFFFF;

	--border:         #E5E7EB;
	--border-strong:  #CBD2DC;

	--success:        #16A34A;
	--danger:         #DC2626;
	--warning:        #D97706;

	/* ---- Typography ---- */
	--font-sans:      "Noto Sans JP", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
	--font-hand:      "Yomogi", "Noto Sans JP", sans-serif;

	--fs-xs:          0.75rem;   /* 12 */
	--fs-sm:          0.875rem;  /* 14 */
	--fs-base:        1rem;      /* 16 */
	--fs-lg:          1.125rem;  /* 18 */
	--fs-xl:          1.25rem;   /* 20 */
	--fs-2xl:         1.5rem;    /* 24 */
	--fs-3xl:         1.875rem;  /* 30 */
	--fs-4xl:         2.25rem;   /* 36 */
	--fs-5xl:         3rem;      /* 48 */

	--lh-tight:       1.25;
	--lh-normal:      1.6;
	--lh-loose:       1.8;

	/* ---- Spacing ---- */
	--sp-1:           0.25rem;
	--sp-2:           0.5rem;
	--sp-3:           0.75rem;
	--sp-4:           1rem;
	--sp-5:           1.25rem;
	--sp-6:           1.5rem;
	--sp-8:           2rem;
	--sp-10:          2.5rem;
	--sp-12:          3rem;
	--sp-16:          4rem;
	--sp-20:          5rem;
	--sp-24:          6rem;

	/* ---- Layout ---- */
	--container:      1200px;
	--container-narrow: 820px;

	/* ---- Radius ---- */
	--rd-sm:          4px;
	--rd-md:          8px;
	--rd-lg:          14px;
	--rd-xl:          20px;
	--rd-pill:        999px;

	/* ---- Shadow ---- */
	--sh-sm:          0 1px 2px rgba(31, 41, 55, 0.05);
	--sh-md:          0 4px 14px rgba(31, 41, 55, 0.08);
	--sh-lg:          0 10px 30px rgba(31, 41, 55, 0.12);
	--sh-cta:         0 6px 18px rgba(255, 138, 31, 0.35);

	/* ---- Z-Index ---- */
	--z-header:       100;
	--z-modal:        1000;
}