:root {
    /* おぎそサイトカラー */
    --BackgroundColor: #ECE9DD;
    
    --PrimaryColor: #8a5c1a;
    --SubPrimaryColor: #8a6532;
    --LightPrimaryColor: #f8f1e9;
    
    --SecondaryColor: #a33544;
    --SubSecondaryColor: #ba616e;
    --TintColor: #cdd0e8;
    --ActiveColor: #287a46;
    --SubActiveColor: #35a35d;

    --PrimaryColor_Tint1: color-mix(in srgb, var(--PrimaryColor) 50%, white);

    --Gray_Main1: #333;
    --Gray_Main2: #555;
    --Gray_Main3: #777;
    --Gray_Main4: #999;
    --Gray_Light5: #aaa;
    --Gray_Light6: #ccc;
    --Gray_Light7: #eee;

    /* テキスト色のエイリアス */
    --MainText1:  var(--Gray_Main1);
    --MainText2:  var(--Gray_Main2);
    --SubText1:   var(--Gray_Main3);
    --SubText2:   var(--Gray_Main4);
    --LightText1: var(--Gray_Light5);
    --LightText2: var(--Gray_Light6);

    --ButtonColor1: var(--SubPrimaryColor);
    --ButtonColor2: var(--PrimaryColor);
    --ButtonBackgroundColor: #f0f0f0;

    --SurfaceColor: #fff;
    --SurfaceSoftColor: #f4f7fa;
    --SurfaceMutedColor: #f7f8fb;
    --SurfaceSubtleColor: #fafafa;
    --SurfaceInsetColor: #fafbfd;
    --SurfaceSectionColor: #eef0f4;
    --SurfacePageColor: #f3f4f6;
    --SurfaceFooterColor: #f3f4f7;
    --SurfaceAccentColor: #f8fbff;
    --SurfacePanelGradientFrom: #ffffff;
    --SurfacePanelGradientTo: #f8fbfd;
    --GlassSurfaceColor: rgba(255, 255, 255, 0.94);
    --InverseTextColor: #fff;

    --BorderSoftColor: #ececec;
    --BorderCardColor: #e4e8ef;
    --BorderSubtleColor: #edf0f5;
    --BorderPanelColor: #d9e0e7;
    --BorderInteractiveColor: #cdd9e6;
    --BorderSectionColor: #d7dbe6;
    --BorderFieldColor: #d4dae2;
    --BorderFieldStrongColor: #c8d0da;
    --BorderImageColor: #dce4ee;
    --AccentBorderColor: #7aa7d9;

    --DangerColor: #8a1f1f;
    --DangerBorderColor: #f1b7b7;
    --DangerSurfaceColor: #fff4f4;
    --FavoriteColor: #b2466b;
    --FavoriteBorderColor: #d88aa6;
    --FavoriteSurfaceColor: #fff4f8;
    --InfoColor: #17507a;
    --InfoBorderColor: #cfe0ef;
    --InfoSurfaceColor: #f1f7fb;
    --WarningColor: #6e531f;
    --WarningBorderColor: #e3d6bf;
    --WarningSurfaceColor: #fff8ec;
    --AccentTextColor: #2f5f93;
    --AccentSurfaceColor: #eef5ff;

    --StatusPositiveColor: #88a26c;
    --StatusQuotedColor: #6c8bbd;
    --StatusReceivedColor: #8ab06d;
    --StatusCancelledColor: #c45858;

    --CardShadow: 0 6px 18px rgba(19, 35, 58, 0.08);
    --CardShadowHover: 0 14px 30px rgba(19, 35, 58, 0.12);
    --CardFocusRing: 0 0 0 4px rgba(33, 92, 160, 0.12);
    --AccentFocusRing: 0 0 0 2px rgba(122, 167, 217, 0.18);
    --OverlayDarkColor: rgba(26, 33, 47, 0.78);
    --OverlayDarkHoverColor: rgba(26, 33, 47, 0.92);

    --LineColor: #ddd;
    --DarkLineColor: #aaa;
}