:root {

	/* ===================================== */
	/*                 COLORS                */
	/* ===================================== */

	/* Brand Core Colors */
	--primary: #FF8A55;            /* 主品牌主色 */
	--primary-light: #FFC7A4;      /* 主色淺 */
	--primary-dark: #FF6F5B;       /* 主色深 */
	--accent: #FF6F5B;             /* 強調色（與 primary-dark 相同） */

	/* Modern Brand Gradient (按鈕 / 主視覺漸層) */
	--brand-bg-gradient: linear-gradient(-45deg, #fdb477 0%, #f97661 53%, #dc5f40 100%);
    --brand-text-gradient: -webkit-linear-gradient(left, #ffc569 0%, #ff8c3e 47%, #ee634d 100%);

	/* Extended Accent */
	--brand-accent: #fda795;        /* 柔和珊瑚 */
	--brand-accent-dark: #e8807b;   /* 深珊瑚 */

	/* Background Colors */
	--bg: #FFFFFF;                  /* 主背景白 */
	--bg-soft: #FFF6F0;             /* 奶油柔白（Hero BG） */
	--bg-light: #f8fafc;            /* UI Light BG */
	--bg-dark: #0f172a;             /* 深色背景 */
	--bg-card: #FFFFFF;             /* 卡片白 */

	/* Gradient Colors（Hero 區塊使用） */
	--grad-1: #FFE0CC;
	--grad-2: #FFC19E;
	--grad-3: #FF9C6F;

	/* Text Colors */
	--text: #1F1F1F;                /* 主要文字 */
	--text-main: #1F1F1F;           /* Alias */
	--text-light: #6F6F6F;          /* 內文灰 */
	--text-muted: #595959;          /* 輔助灰 */
	--text-dark: #342922;           /* 卡片資訊深棕 (Hero 資訊卡用) */

	/* Border & Lines */
	--line: #E8D9CF;                /* 奶色邊線 */
	--line-light: #F4EAE4;          /* 淺奶白線 */
	--border-light: rgba(255,255,255,0.2);

	/* Status Colors */
	--white: #ffffff;
	--red-alert: #ef4444;

	/* Progress Bar */
	--progress-bg: rgb(205 182 170 / 60%);
	--progress-fill: #f06f57;


	/* ===================================== */
	/*                BUTTONS                */
	/* ===================================== */

	--btn-primary: #FF7A4A;
	--btn-primary-hover: #FF6130;

	--btn-secondary: #FFFFFF;
	--btn-secondary-border: #FF7A4A;
	--btn-secondary-hover: #FFEDE5;

	--highlight: #FF5F3B;          /* 「超級業務」強調色 */


	/* ===================================== */
	/*           SHADOWS & EFFECTS           */
	/* ===================================== */

	/* Glow / Neon */
	--glow-orange: rgba(255, 150, 90, 0.55);
	--glow-pink: rgba(255, 105, 95, 0.45);
	--glow-white: rgba(255, 255, 255, 0.65);

	/* Shadows */
	--shadow-soft: rgba(0, 0, 0, 0.06);
	--shadow-medium: rgba(0, 0, 0, 0.12);
	--shadow-strong: 0 25px 50px -12px rgba(0,0,0,0.25);


	/* ===================================== */
	/*                TYPOGRAPHY             */
	/* ===================================== */

	--font-sans: 'Noto Sans TC', sans-serif;
	--font-heading: 'Montserrat', 'Noto Sans TC', sans-serif;
	--font-mono: 'JetBrains Mono', monospace;
	--font-myriadpro: 'Myriad Pro Regular', monospace;


	/* ===================================== */
	/*                 LAYOUT                */
	/* ===================================== */

	--container-width: 1540px;
	--header-height: 0;

	--transition-speed: 0.3s;
}
