@import url("twots-unified.css");
/**
 * USP UIP (auth.twots.top) - 深淺模式色彩變數規範
 * 嚴格依據《Ref(參考)/深淺顏色.md》標準色碼定義
 */

:root {
    /* ☀️ 淺色模式 (Light Mode) 預設 */
    --uip-bg-primary: #FFFFFF;
    --uip-bg-secondary: #F8F9FA;
    --uip-bg-card: #FFFFFF;
    --uip-text-primary: #202124;
    --uip-text-secondary: #5F6368;
    --uip-border-color: #DADCE0;

    /* 品牌與強調色 */
    --uip-primary: #1A73E8;
    --uip-primary-hover: #1557B0;
    --uip-success: #1E8E3E;
    --uip-danger: #D93025;
    --uip-warning: #F9AB00;

    /* 第三方品牌識別色碼 */
    --brand-google: #4285F4;
    --brand-google-hover: #3367D6;
    --brand-discord: #5865F2;
    --brand-discord-hover: #4752C4;
    --brand-line: #06C755;
    --brand-line-hover: #05A847;

    /* 圓角與陰影 */
    --uip-radius-sm: 6px;
    --uip-radius-md: 10px;
    --uip-radius-lg: 16px;
    --uip-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    --uip-shadow-modal: 0 10px 40px rgba(0, 0, 0, 0.2);
}

/* 🌙 深色模式 (Dark Mode) */
[data-theme="dark"] {
    --uip-bg-primary: #202124;
    --uip-bg-secondary: #303134;
    --uip-bg-card: #292A2D;
    --uip-text-primary: #E8EAED;
    --uip-text-secondary: #BDC1C6;
    --uip-border-color: #5F6368;

    --uip-primary: #8AB4F8;
    --uip-primary-hover: #AECBFA;
    --uip-success: #81C995;
    --uip-danger: #F28B82;
    --uip-warning: #FDD663;

    --uip-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
    --uip-shadow-modal: 0 12px 48px rgba(0, 0, 0, 0.7);
}